2017-03-16 38 views
1

我有这样的代码JS:Req.body = {}后请求后

app.use(express.static(__dirname)); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(bodyParser.json()); // support json encoded bodies 

app.get('/', function(req, res){ 
res.sendFile(__dirname+'index.html') 
}); 

app.get('/ins.html', function(req, res){ 
res.sendFile(__dirname+'ins.html') 
}); 

app.post('/ins', function(req, res){ 
console.log(req.body) 
res.redirect('/') 
}); 

而这种代码的html:

<form method="post" enctype="multipart/form-data" action="/ins"><p> <strong>INSERISCI LA TUA CAGATA<br></strong> 
          <br><p>Username&nbsp</p> <input type="text" name="username" required><br> 
          <br><p>Password &nbsp</p> <input type="password" name="password" required><br><br><br> 
         <input type="submit" class="mainBtn" id="submit" value="Inserisci Cagata"> 
         <p> 
        </form></h2> 

当我去的网页,在车台秀“{ }“,我没有访问POST变量。 我该如何解决问题?

回答

3

您使用的编码方式不同于您的任何一个身体解析器支持的编码。

您在表单中使用了多部分编码(multipart/form-data),但您的服务器期待JSON(application/json)或URL编码数据(application/x-www-form-urlencoded)。

除非您需要上传文件(需要多部分编码),否则您应该使用URL编码(如果未指定enctype,则为默认值)。然后身体会与bodyParser.urlencoded()解析器正确解析:

<form method="post" enctype="application/x-www-form-urlencoded" action="/ins"> 
         <!-- ^--- note the enctype --> 
    <p> 
    <strong>INSERISCI LA TUA CAGATA<br></strong> 
    <br> 
    <p>Username&nbsp</p> 
    <input type="text" name="username" required> 
    <br> 
    <br> 
    <p>Password &nbsp</p> 
    <input type="password" name="password" required> 
    <br> 
    <br> 
    <br> 
    <input type="submit" class="mainBtn" id="submit" value="Inserisci Cagata"> 
    </p> 
</form> 

如果需要多编码(例如,如果您要上传的文件),可以使用多体解析器(如如multipartybusboy)。请注意,由于多部分是一种复杂的编码,您不会直接得到req.body,但您必须自己做一些解析,这就是为什么您应该避免多部分编码,除非您真的需要它。