expressjs req.body.username未定义

时间:2012-10-27 20:11:59

标签: node.js express

我见过几篇与此相关的帖子,但这里似乎没有问题。

这是一个非常简单的初学者nodejs app,在windows7上有expressjs

/**
 * Module dependencies.
 */


var express = require('express')
    , connect = require('connect')
    , http = require('http')


var app = express();

app.configure(function(){
  app.set('port', process.env.PORT || 3000);
  // app.use(express.bodyParser());
  app.use(connect.bodyParser());
});

/**
 * Routes
 */
//get requests
// app.get("/", function(req, res){
//   res.send("Hello, Express!");
// });

// app.get("/hi", function(req, res){
//   var message = [
//     "<h1>Hello, Express!</h1>",
//     "<p>Welcome to 'Building Web Apps in Node.js with Express.'</p>",
//     "<p>You'll love Express because it's</p>",
//     "<ul><li>Fast</li>",
//     "<li>Fun</li>",
//     "<li>Flexible</li>"
//   ].join("\n");

//   res.send(message);
// });

// app.get("/users/:userID", function(req, res){
//   res.send("<h1>Hello, User #" + req.params.userID + "!");
// });

//post requests
app.post("/users", function(req, res){
    // res.send(req.body);
    res.send(req.body.username);
});


http.createServer(app).listen(app.get('port'), function(){
  console.log("Express server listening on port " + app.get('port'));
});

正如您所看到的,我已经注释掉了其他路由只是为了确保它们不会导致问题,我也尝试安装和使用'connect',但express.bodyParser()和connect.bodyParser()都给出了我的结果相同。

我使用了chrome adv rest客户端扩展,并尝试了以下简单的php表单。

<form action="http://localhost:3000/users" method="POST" enctype="application/x-www-form-urlencoded">
    <li>
        <label for="username">Username</label>
        <input type="text" name="username" id="username">
    </li>
    <li>
        <input type="submit" name="submit" id="submit">
    </li>
</form>

在所有情况下,我得到一个空的或未定义的req.body.username,当我在响应中尝试req.body时,我得到一个空对象{}

更新 以下是chrome的响应/请求标头信息:

Request URL:http://localhost:3000/users
Request Method:POST
Status Code:200 OK
Request Headersview source
Cache-Control:max-age=0
Connection:keep-alive
Content-Length:31
Host:localhost:3000
Request Payload
username=isimmons&submit=Submit
Response Headersview source
Connection:keep-alive
Date:Sat, 27 Oct 2012 23:01:45 GMT
Transfer-Encoding:chunked
X-Powered-By:Express

以下是我发送req.route

时的内容
//result of console.log(req.route);
{ path: '/users',
  method: 'post',
  callbacks: [ [Function] ],
  keys: [],
  regexp: /^\/users\/?$/i,
  params: [] }

Node和Express版本: 快递3.0 节点0.8.9

UPDATE2问题半解决 见下面的评论。我应该在这里说。无论如何,这是来自chrome的请求标题信息,当它正常工作时。

Request URL:http://localhost:3000/users
Request Method:POST
Status Code:200 OK
Request Headersview source
Accept:text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Cache-Control:max-age=0
Connection:keep-alive
Content-Length:26
Content-Type:application/x-www-form-urlencoded
Host:localhost:3000
Origin:http://localhost
Referer:http://localhost/nodeform.php
User-Agent:Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.16 (KHTML, like Gecko) Chrome/24.0.1305.3 Safari/537.16
Form Dataview sourceview URL encoded
username:dfd
submit:Submit
Response Headersview source
Connection:keep-alive
Content-Length:3
Content-Type:text/html; charset=utf-8
Date:Sun, 28 Oct 2012 01:12:23 GMT
X-Powered-By:Express

由于

1 个答案:

答案 0 :(得分:1)

好的,最后遇到了其余api的错误报告,只需添加内容类型即可解决问题。

Bug report

错误报告会回复手动添加内容类型&#39;发送前的标题。这就是php表单工作的原因。它有enctype设置,所以我得到完整的请求标题,如上所示。

要手动添加的正确内容类型标题是

Content-Type: application/x-www-form-urlencoded