json - d3.json 调用总是得到空数据

Question

如果我从浏览器调用服务器:

http://localhost:8080/api/items/number/all.json

或从 curl :

curl -G http://localhost:8080/api/items/number/all.json

我得到以下 json:

{
  "language": null,
  "number": 10,
  "queryId": 0,
  "from": null,
  "to": null,
  "percentage": 33,
  "dataInfoSet": null
}

但是当我使用 d3.json 调用时:

d3.json("http://localhost:8080/api/items/number/all.json", function(jsondata) {
  console.log(jsondata);
});

console.log 的输出是null。

如果不是 http 调用，我将 json 保存在文件 (fileWithData.json) 中并执行:

d3.json("fileWithData.json", function(jsondata) {
  console.log(jsondata);
});

一切都按预期进行。有谁知道可能是什么问题？

Answer 1

在 d3-js Goole 组的帮助下解决了。问题是加载 json 的页面不是从 localhost:8080 提供的，因此存在跨域限制。我只是在同一个应用程序中部署了文件。如果必须进行跨域调用，该小组建议使用 jasonp，特别是 CORS( http://www.nczonline.net/blog/2010/05/25/cross-domain-ajax-with-cross-origin-resource-sharing/)