这是我的简单表单:
<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调用时，它可以工作，所以。任何想法?
当前回答
后端:
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
});
其他回答
当你在HTML表单中使用POST方法时，你需要从req中捕获数据。在服务器端，即Node.js。 还要加上
var bodyParser = require('body-parser')
app.use( bodyParser.json() );
app.use(bodyParser.urlencoded({extended: false}));
OR
在HTML中使用method='GET'并按要求捕获数据。查询在服务器端，即Node.js
注:此答案为特快2。请看这里的3号快车。
如果你使用connect/express，你应该使用bodyParser中间件:它在Expressjs指南中有描述。
// example using express.js:
var express = require('express')
, app = express.createServer();
app.use(express.bodyParser());
app.post('/', function(req, res){
var email = req.param('email', null); // second parameter is default
});
以下是仅支持连接的原始版本:
// example using just connect
var connect = require('connect');
var url = require('url');
var qs = require('qs');
var server = connect(
connect.bodyParser(),
connect.router(function(app) {
app.post('/userlogin', function(req, res) {
// the bodyParser puts the parsed request in req.body.
var parsedUrl = qs.parse(url.parse(req.url).query);
var email = parsedUrl.email || req.body.email;;
});
})
);
查询字符串和主体都是使用rails风格的参数处理(qs)来解析的，而不是使用低级的querystring库。为了用qs解析重复的参数，参数需要有括号:name[]=val1&name[]=val2。它还支持嵌套映射。除了解析HTML表单提交外，bodyParser还可以自动解析JSON请求。
编辑:我仔细阅读了Express. js，并修改了我的答案，使其对Express的用户来说更自然。
更新
从Express 4.16+版本开始，它们自己的主体解析器实现现在包含在默认的Express包中，因此您不需要下载另一个依赖项。
您可能在代码中添加了如下所示的一行:
app.use(bodyparser.json()); //utilizes the body-parser package
如果您正在使用Express 4.16+，您现在可以将这一行替换为:
app.use(express.json()); //Used to parse JSON bodies
因为express.json()中的代码是基于bodyparser.json()的，所以这不会在应用程序中引入任何破坏性的更改。
如果你的环境中也有以下代码:
app.use(bodyParser.urlencoded({extended: true}));
你可以用:
app.use(express.urlencoded()); //Parse URL-encoded bodies
最后需要注意的是:仍然有一些非常具体的情况下可能仍然需要body-parser，但在大多数情况下，Express的body-parser实现是大多数用例所需要的。
(详见expressjs/bodyparser中的文档)。
给定某种形式:
<form action='/somepath' method='post'>
<input type='text' name='name'></input>
</form>
使用快递
app.post('/somepath', function(req, res) {
console.log(JSON.stringify(req.body));
console.log('req.body.name', req.body['name']);
});
输出:
{"name":"x","description":"x"}
req.param.name x
你不应该使用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之后使用是非常重要的，否则它就不起作用!
