这是我的简单表单:
<form id="loginformA" action="userlogin" method="post">
<div>
<label for="email">Email: </label>
<input type="text" id="email" name="email"></input>
</div>
<input type="submit" value="Submit"></input>
</form>
这是我的Express.js/Node.js代码:
app.post('/userlogin', function(sReq, sRes){
var email = sReq.query.email.;
}
我试过sReq。query。email或sReq。查询['email']或sReq。params['邮件'],等等。没有一个有用。它们都返回undefined。
当我更改为Get调用时，它可以工作，所以。任何想法?
当前回答
我一直在寻找这个问题。我遵循了上面所有的建议。Body仍然返回一个空对象{}。在我的情况下，它只是一些简单的html是不正确的。
在表单的html中，确保在输入标签中使用“name”属性，而不仅仅是“id”。否则，将不会解析任何内容。
<input id='foo' type='text' value='1'/> // req = {}
<input id='foo' type='text' name='foo' value='1' /> // req = {foo:1}
我愚蠢的错误是你的利益。
其他回答
从Express 4.16.0开始，事情再次发生了变化，你现在可以像在Express 3.0中一样使用Express .json()和Express .urlencoded()。
从Express 4.0到4.15，这是不同的:
$ npm install --save body-parser
然后:
var bodyParser = require('body-parser')
app.use( bodyParser.json() ); // to support JSON-encoded bodies
app.use(bodyParser.urlencoded({ // to support URL-encoded bodies
extended: true
}));
剩下的就像Express 3.0一样:
首先，您需要添加一些中间件来解析主体的post数据。
添加以下一行或两行代码:
app.use(express.json()); // to support JSON-encoded bodies
app.use(express.urlencoded()); // to support URL-encoded bodies
然后，在处理程序中使用req。体对象:
// assuming POST: name=foo&color=red <-- URL encoding
//
// or POST: {"name":"foo","color":"red"} <-- JSON encoding
app.post('/test-page', function(req, res) {
var name = req.body.name,
color = req.body.color;
// ...
});
注意，不建议使用express.bodyParser()。
app.use(express.bodyParser());
…等价于:
app.use(express.json());
app.use(express.urlencoded());
app.use(express.multipart());
express.multipart()存在安全问题，因此最好显式地添加对所需的特定编码类型的支持。如果你确实需要多部分编码(例如支持上传文件)，那么你应该阅读这篇文章。
特快4用户注意事项:
如果你试着把app.use(express.bodyParser());进入你的应用程序，你会得到以下错误当你试图启动你的Express服务器:
错误:大多数中间件(如bodyParser)不再与Express捆绑，必须单独安装。请参见https://github.com/senchalabs/connect#middleware。
你必须从npm中单独安装包体解析器，然后使用如下代码(示例取自GitHub页面):
var express = require('express');
var bodyParser = require('body-parser');
var app = express();
app.use(bodyParser());
app.use(function (req, res, next) {
console.log(req.body) // populated!
next();
})
后端:
import express from 'express';
import bodyParser from 'body-parser';
const app = express();
app.use(bodyParser.json()); // add a middleware (so that express can parse request.body's json)
app.post('/api/courses', (request, response) => {
response.json(request.body);
});
前端:
fetch("/api/courses", {
method: 'POST',
body: JSON.stringify({ hi: 'hello' }), // convert Js object to a string
headers: new Headers({ "Content-Type": "application/json" }) // add headers
});
适用于Express 4.1及以上版本
因为大多数答案都是使用Express, bodyParser, connect;其中不建议使用多部分。有一种安全的方法可以轻松地发送post多部分对象。
Multer可以用来代替connect.multipart()。
安装包
$ npm install multer
在你的应用中加载它:
var multer = require('multer');
然后，将它与其他表单解析中间件一起添加到中间件堆栈中。
app.use(express.json());
app.use(express.urlencoded());
app.use(multer({ dest: './uploads/' }));
Connect.json()处理application/json
Connect.urlencoded()处理application/x-www-form-urlencoded
multer()处理多部分/表单数据
你不应该使用app.use(express.bodyParser())。BodyParser是json + urlencoded + multipart的组合。你不应该这样做，因为multipart将在connect 3.0中被删除。
要解决这个问题，你可以这样做:
app.use(express.json());
app.use(express.urlencoded());
知道app.use(app.router)应该在json和urlencoded之后使用是非常重要的，否则它就不起作用!
