JQuery Ajax Post 无法将数据（json）发送到 express.js 服务器

Question

我是 Node.js 的新手。我在这里要做的是以json格式发送一些数据，从客户端javascript到express.js服务器。一旦我能做到这一点，我将使用那些已发送到服务器的参数来进一步从 MongoDB 检索信息。客户端代码真的很简单，有一个点击事件：

 $.ajax({
                url: 'http://localhost:8020/1',
                type: 'post',
                dataType: 'jsonp',
                data: JSON.stringify({name: "test"}),
                contentType: 'application/json',
                success: function(data){
                alert("success");
                alert(data);
            }
    });

在服务器端，代码如下所示：

    var express = require('express');
    var app = express();
    var cons = require('consolidate'),
        MongoClient = require('mongodb').MongoClient,
        Server = require('mongodb').Server; 

    var mongoclient = new MongoClient (new Server('localhost', 27017,
                            {'native_parser' : true}));
    var db=mongoclient.db('test');

    var bodyParser = require('body-parser');

    app.use(bodyParser.json());
    app.use(bodyParser.urlencoded({extended: true}));


    app.all('/*', function(req, res, next) {
      res.header("Access-Control-Allow-Origin", "*");
      res.header("Access-Control-Allow-Headers", "X-Requested-With");
      next();
     });

    app.get('/1', function (req, res) {
        db.collection('test').findOne({}, function (err, doc){
           console.log(doc);
        });
        console.log(JSON.stringify(req.body));
        var x = req.body.name;
        console.log(x);
        res.send({});
    });


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

           db.collection('test').findOne({}, function (err, doc){
               console.log(doc);
            });

           console.log(req.body);
    });

    mongoclient.open(function (err, mongoclient) {

        if (err) throw err;
        app.listen(8020);
        console.log("listening on port 8020");
    });

当我进行客户端 ajax 调用时，似乎服务器端代码成功返回了我的 mongoDB 数据库中的一个项目，但它未能捕获数据，在这种情况下为 {name : "test"}。以下是触发点击事件时服务器端控制台的输出：

{}
undefined
{ _id: 5522f3368d21ba45c6263402, apple: 'juice' }

有人对此有任何想法吗？这与跨域问题有关吗？非常感谢！

Answer 1

1. 您正在发送 jsonp 作为您的数据类型。我猜 jQuery 会执行一些魔法来为您创建 jsonp 请求。你确定你需要这样做吗？

2. 您没有从您的 POST 路由响应。这将使请求无限期挂起。你必须回应：

   app.post('/1', function (req, res){
   
          db.collection('test').findOne({}, function (err, doc){
              console.log(doc);
              res.send(doc); // respond!
          });
   
          console.log(req.body);
   });
   

Answer 2

首先将数据作为 JSON 而不是字符串发送

 $.ajax({
            url: '/1',
            type: 'post',
            dataType: 'json',
            data: {name: "test"},
            contentType: 'application/json',
            success: function(data){
               alert("success");
               alert(data);
        }
});

在服务器上

app.post('/1', function(req, res) {
  var body = req.body;

  console.log(body)
  res.send(body)
});