nodejs express, ajax 发布 w/jquery 并接收响应

Question

在快速响应我的 jquery ajax 请求时遇到一些麻烦。实际发布工作正常，但无论我尝试什么，我似乎都无法从我的应用程序中获得可以使用的数据响应。起初它只是不断地发布和挂起，大约一分钟后它会回复一个警报，上面写着“XML 文档已加载”（不知道它来自哪里）——不管怎样，现在它给了我

SyntaxError: Unexpected token ILLEGAL 解析时（本机） 在传入消息。

在我的快递应用中，我有：

    app.post('/save', function(req, res) {
      console.log(req.body.objectData);
      res.contentType('json');
      res.send({ some: 'json' });
    });

在我的 jquery 中：

  $.ajax({
    url: "/save",
    type: "POST",
    dataType: "json",
    data: {objectData: someObject},
    contentType: "application/json",
    cache: false,
    timeout: 5000,
    complete: function() {
      //called when complete
      console.log('process complete');
    },

    success: function(data) {
      console.log(data);
      console.log('process sucess');
   },

    error: function() {
      console.log('process error');
    },
  });

Answer 1

您发送的不是有效的 JSON 响应，而是包含单词 json 的字符串，因此 JSON.parse() 在客户端失败。试试这个：

app.post('/save', function(req, res) {
  console.log(req.body.objectData);
  res.contentType('json');
  res.send({ some: JSON.stringify({response:'json'}) });
});

JavaScript Object Notation 是一种在应用程序之间以对象格式共享数据的方法。但是，如果不先将对象转换为字符串并将其作为单个变量发送，则无法通过 HTTP 请求发送对象。函数JSON.parse() 和JSON.stringify() 为我们完成了这项工作。

Answer 2

由于您使用的是快递，

res.contentType('json');

应该是：

res.type('json');

但不需要设置类型，因为它会自动为您完成。

请参阅express api docs on res.type。

还要注意，对于 express，res.send({blah:"gee"}); 在内部使用 JSON.stringify 自动转换 json 对象。单击上面的链接后，单击res.send，当你在它的时候，res.json 当你知道你正在发送 JSON 时节省了一点处理器开销。请注意，如果您发送 JSON，则类型会自动设置为 JSON。

总是最好看the source！请注意，当 res.send 检测到 JSON 时会调用 this.json，而 res.json 会调用 this.send（是的，看起来像一个循环，但一切正常）。

Answer 3

Pastor Bones 的评论对我来说特别重要，因为我使用 $.ajax 发布到 Node 服务器。我的相关代码部分最终是这样的：

// Incoming parameter "teams" is an array of objects
function saveTeams(teams) {
    var xhr;
    var data = JSON.stringify({ teams: teams });

    xhr = $.ajax({
        type: "POST",
        url: "http://localhost:8000/saveteam",
        contentType: "application/json",
        data: data,
        headers: {
            Authorization: "..."
        }
    });

    return xhr;
} 

请注意，contentType 标头与解析工作相关。

在节点服务器端，我可以这样处理payload：

saveTeams: function (req, res, next) {
    var teams = req.body.teams;

    if (teams.length > 0) {
        console.log("Teams to be added:");
        for (var i = 0; i < teams.length; i++) {
            console.log(teams[i]);
            // ...
        }
    }
    // ...
}