javascript - jQuery 和 Express - 混淆了成功和错误

Question

这是一个基本问题，但它一直困扰着我一段时间，到目前为止我无法从搜索中找到任何匹配的问题。因此，如果它过于简单或重复，我们深表歉意。

我有一个 API 路由(基于 Express)，我正在使用 jQuery AJAX 调用来调用这个路由。这是一个简单的 stub 来演示设置

$.ajax({
  url: "http://localhost:3000/admin/items/" + itemId,
  type: "POST",
  dataType: "json",
  data: itemData,
  contentType: "application/json",
  success: function(result){alert(result);},
  error: function(xhr, ajaxOptions, thrownError){
    alert("Could not update item details. Please try again later. Error: " + xhr.statusText);
  }
});

我从服务器确认返回的状态码是 200，下面是实现:

collection.update({ _id : mongo.ObjectID(req.params.id) }, req.body, function(err, result) {
  if(err){
    console.log("Error is: " + err);
    res.status(500).send("Could not update item with id: " + req.params.id);
  }else {
    if(result.result.n != 1){
     res.status(500).send("Could not find item with id: " + req.params.id);
    }
    else{
      console.log("Update successful");
      res.status(200).send("Successfully updated item id: " + req.params.id);
    }
  }
});

该功能完美运行，但在调用结束时，错误函数被调用，我收到的警报是:“无法更新项目详细信息。请稍后重试。错误:好的”。我试过了一个简单的 res.send 也没有显式设置状态代码，但它总是以某种方式调用错误函数。我错过了什么？

Answer 1

除了我上面的评论，发生这种情况的原因是 dataType 设置为期望 JSON 响应，但 express 不发送 JSON。当 jQuery 尝试解析响应时它无法解析并抛出错误，即使响应状态为 200。

如果您想保留在初始示例中发送的响应，只需从 ajax 请求中删除 dataType 就足够了，jQuery 通常非常聪明地确定返回的内容。

但是，如果您想接收 JSON 数据(如评论中所述)，请将您的响应代码替换为类似以下内容:

res.status(200).json({
  message: 'Successfully updated item',
  data: doc // document returned by mongo
});

请记住将错误响应也更改为 JSON。尽管 jQuery 无论如何都会转到错误 block ，但这是出于错误的原因(无效的 JSON 而不是错误代码)，如下所示:

res.status(500).json({
  message: 'Server error occurred'
});