javascript - 意外的 token ":"，其中 JSON 从 Node 和 Express 返回

Question

我正在使用 Node.js 和 Express 构建一个小型 Web 服务，但遇到了一些问题。一切似乎都工作得很好，直到我真正在浏览器中将它与 Ajax 一起使用。如果我在 Postman 中运行它，我会得到:

{
  "status": "ok",
  "data": [
    {
      "GUID": "2f779770-9e1c-415f-9518-ff7fd7d6631c",
      "name": "The Revolver",
      "description": "Rye heavy bourbon, coffee liqueur, orange bitters, orange garnish.",
      "active": 1,
      "categories": [
        "94162f2e-3b2f-4521-a543-068ed6c81011"
      ]
    },
    {
      "GUID": "f05a33ad-e684-4ae0-804c-0c1a61b9945d",
      "name": "Jack Rose",
      "description": "Laird's Applejack, Grenadine, Lemon, Peychaud's bitters, Lemon twist",
      "active": 1,
      "categories": []
    }
  ]
}

标题包括内容类型 →application/json;字符集=utf-8

但是当我进行 ajax 调用时，Chrome 会显示“Uncaught SyntaxError: Unexpected token :”

我使用 res.json({status: "ok", data: result}) 从 Express 返回响应。我也尝试过 res.setHeader('Content-Type', 'application/json'); 但没有成功。

有什么想法吗？

编辑:这是 ajax 调用:

function getDrinks(){
  $.ajax({
    url: serviceURL + "getDrinks",
    type: "GET",
    dataType: "jsonp",
    success: function(result){
      if (result.status=="ok"){
        var tableHTML=""
        for (var i = 0; i < result.data.length; i++) {
          var drink=result.data[i]
          tableHTML+="<tr><td>"+drink.name+"</td></tr>"
        }
        tableHTML="<table>"+tableHTML+"</table>"
        $("#drinksContainer").html(tableHTML);
      }
    }
  })
}

Answer 1

客户端和服务器需要就使用 JSON 还是 JSON-P 达成一致。这两种格式相关但不能互换。

目前，客户端正在等待 JSON-P...

dataType: "jsonp",

当服务器使用 JSON 响应时...

res.json({status: "ok", data: result})

<小时/>

对于 JSON-P，服务器的响应应在 JSON 数据周围包含填充，由回调名称和括号组成。

var json = JSON.stringify({status: "ok", data: result});
res.send(req.query.callback + '(' + json + ')');

Express 还定义了 res.jsonp() 来简化此操作。

res.jsonp({status: "ok", data: result});

并且，jQuery 将为您提供一个生成的回调名称，通常由您正在使用的 jQuery 版本、一个随机数和一个时间戳组成。这样，响应应该类似于:

jQuery32101234567890123456_1496534400000({"status":"ok","data":...});