服务器上的 POST 请求正文为空

Question

我正在尝试使用 XMLHttpRequest 从客户端 javascript 发出 AJAX 请求。以下是它的代码：

document.getElementById('myform').onsubmit=function(){

    var http = new XMLHttpRequest();

    var text = document.getElementById('myinput').value;

    console.log(text);

    http.onreadystatechange = function(){

        if(http.readyState === 4 && http.status === 200){

            location.reload();

        }

    };

    http.open('POST','/todo',true);

    http.setRequestHeader("Content-Type", "application/json");

    var obj = {

        item:text

    };

    http.send(JSON.stringify(obj));

}

这工作正常，没有 anny 错误。但是，在服务器端，当我尝试将请求正文记录到控制台时，它显示为一个空对象。有人可以帮我弄这个吗？以下是处理 post 请求的服务器端代码：

app.post('/todo',urlencodedParser, function(req,res){

    console.log(req.body); // This logs an empty object to the console!

    newItem = Todo(req.body);

    newItem.save(function(err,data){

        if(err) throw err;

        res.json(data);

    });

});

Answer 1

JSON 编码和 URL 编码是不同的。如果您希望使用 JSON 编码发送数据，那么您必须使用适当的中间件接收它：const bodyParser = require('body-parser');app.post('/todo', bodyParser.json(), function(req,res){    console.log(req.body); // This logs an empty object to the console!    newItem = Todo(req.body);    newItem.save(function(err,data){        if(err) throw err;        res.json(data);    });});它很可能与 jQuery 一起使用，因为 urlencoding 是$.post.