XMLHTTPREQUEST错误JQUERY

我正在使用代码笔上的DarkSkyAPI。 当我试图从DARKSKY API获取JSON数据时，我得到了XMLHTTPREQUEST错误。 我的代码

---

codepen中的问题似乎是违反了CORS（跨源资源共享）。阅读更多关于这方面的内容

---

您还可以在darksky的常见问题解答中直接找到有关CORS的信息：

您遇到了哪些错误。。如何在幕后调用API？这样就不会暴露API密钥。我可以在这里使用AJAX调用而不是getJSON方法来解决这个问题吗？谢谢你的帮助！我能够使用JSONP技术解决这个问题。

$(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);
});



});                                      

 });