Node.js/Express 表单发布 req.body 不工作
[英]Node.js/Express form post req.body not working
问题描述
I'm using express and having trouble getting form data from the bodyParser.
我正在使用 express 并且无法从 bodyParser 获取表单数据。 No matter what I do it always comes up as an empty object. Here is my express generated app.js code (the only thing I added was the app.post route at the bottom):无论我做什么，它总是显示为空 object。这是我快速生成的 app.js 代码（我唯一添加的是底部的 app.post 路由）：
var express = require('express');
var app = module.exports = express.createServer();
// Configuration
app.configure(function(){
app.set('views', __dirname + '/views');
app.set('view engine', 'jade');
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(__dirname + '/public'));
});
app.configure('development', function(){
app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});
app.configure('production', function(){
app.use(express.errorHandler());
});
// Routes
app.get('/', function(req, res){
res.sendfile('./public/index.html');
});
app.post('/', function(req, res){
console.log(req.body);
res.sendfile('./public/index.html');
});
app.listen(3010);
Here is my HTML form:这是我的 HTML 表格：
<!doctype html>
<html>
<body>
<form id="myform" action="/" method="post" enctype="application/x-www-form-urlencoded">
<input type="text" id="mytext" />
<input type="submit" id="mysubmit" />
</form>
</body>
</html>
When I submit the form, req.body is an empty object {}当我提交表单时，req.body 是空的 object {}
Its worth noting that this happens even if I remove the enctype attribute from the form tag值得注意的是，即使我从表单标签中删除了 enctype 属性，也会发生这种情况
...Is there something I am missing/doing wrong? ...我有什么遗漏/做错了吗？
I am using node v0.4.11 and express v2.4.6我正在使用节点 v0.4.11 并表示 v2.4.6
3 个解决方案
解决方案1
36 已采纳 2011-09-22 22:10:38
<form id="myform" action="/" method="post" enctype="application/x-www-form-urlencoded">
<input type="text" name="I_appear_in_req_body" id="mytext" />
<input type="submit" id="mysubmit" />
</form>
The body of a HTTP post is a key/value hash of all the form controls with a name attribute, and the value is the value of the control. HTTP帖子的主体是具有name属性的所有表单控件的键/值哈希值，值是控件的值。
You need to give names to all your inputs. 您需要为所有输入命名。
解决方案2
3
It also due to content type. 它也是由于内容类型。 please see console.log(req) object. 请参阅console.log（req）对象。
'content-type': 'application/json; charset=UTF-8’ // valid.
'content-type': 'application/JSON; charset=UTF-8’ // invalid & req.body would empty object {}.
To check content type by console.log(req.is('json')) // return true/false 要通过console.log检查内容类型（req.is（'json'））//返回true / false
I think 'charset=UTF-8' is negligible in above. 我认为'charset = UTF-8'在上面可以忽略不计。
解决方案3
1 2022-11-26 13:03:47
If your form looks like this如果你的表格看起来像这样
<form action="/", method="post">
<label for="for_name">Name: </label>
<input id="for_name" type="text" name="user_name"/>
<button type="submit">Submit</button>
</form>
And if you are using the following line of code如果您使用以下代码行
app.use(express.json());
then the req.body will be empty because it only parses req with content-type application/json but the default value of request originating from element is application/x-www-form-urlencoded .那么 req.body 将是空的，因为它只解析内容类型为application/json的请求，但是来自元素的请求的默认值为application/x-www-form-urlencoded 。 Hence the following line of code will solve the issue因此，以下代码行将解决问题
app.use(express.urlencoded({ extended: true }));
My first StackOverflow contribution.我的第一个 StackOverflow 贡献。 Yay!!好极了！！
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.