d3.json問題

Question

我一整晚都花了很多時間在做這件事。

我正在嘗試使用d3.json將此實時json數據http://citibikenyc.com/stations/json加載到我網站上的頁面上。

只是測試：

var bike = "http://citibikenyc.com/stations/json";

d3.json(bike, function(error, json) {
console.log(json);
});    

不起作用。 我得到錯誤

XMLHttpRequest cannot load http://citibikenyc.com/stations/json. Origin http://hochemoche.com is not allowed by Access-Control-Allow-Origin. 

有什么我想念的嗎？ 我向其提交請求的頁面可能存在一些限制嗎？ 任何幫助，將不勝感激。 我認為citibike的網站沒有任何限制，因為該請求可以作為我終端的卷曲，其他用戶也使用了此數據，但似乎無法根據他們的代碼弄清楚它們是如何加載的。

例如： http ： //jehiah.cz/citibikenyc

Answer 1

@Blaklaybul

1. 必須由JSON源設置Access-Control-Allow-Origin參數，在這種情況下，該參數為“ http://citibikenyc.com/stations/json ”。
2. 嘗試在正在發出的ajax請求的標頭中包含CORS參數。 請參閱http://techblog.constantcontact.com/software-development/using-cors-for-cross-domain-ajax-requests/
3. 您可以嘗試其他替代方法，例如jsonp等，有關更多信息，請參見上面的鏈接。

Answer 2

如果您使用的是Chrome瀏覽器，則可能還會使用擴展名“ Allow-Control-Allow-Origin：* ”。 安裝並啟動它之后，我相信它會起作用。

希望一切都會好的！