2017-06-06 51 views
0

我正在使用代碼筆上的暗夜API。 https://codepen.io/ashan_zeroxster/pen/MpxVOv?editors=0010 而當我試圖從DARKSKY API獲取JSON數據時,我得到XMLHTTPREQUEST錯誤。 我的代碼XMLHTTPREQUEST錯誤JQUERY

$(document).ready(function(){ 

    var api = https://api.darksky.net/forecast/a18d80cbf99f8930c6a140bf8e722630/"; 
var long = ""; 
var lat = ""; 
var url = ""; 

navigator.geolocation.getCurrentPosition(function (position){ 
var long = position.coords.longitude; 
var lat = position.coords.latitude; 

var url = api + long + "," + lat; 

$.getJSON(url, function(data){ 
    document.write(data); 
}); 



});          

}); 
+0

你得到哪些錯誤? .. –

回答

0

在codepen這個問題似乎是CORS(跨源資源共享)衝突。閱讀here的更多信息。

您也可以直接從darksky在他們的常見問題找到CORS信息:https://darksky.net/dev/docs/faq

+0

我如何在幕後調用API?這樣API密鑰就不會暴露。我可以使用AJAX調用而不是getJSON方法來解決這個問題 – Ashan

+1

感謝您的幫助!我能夠使用JSONP技術解決這個問題。 https://www.sitepoint.com/jsonp-examples/ – Ashan