javascript - 在 getJSON jquery 中使用变量作为 URL

Question

我正在使用 jquery 创建一个天气应用程序。我遇到的问题是在 getJSON 中，我想使用我使用当前纬度和经度坐标创建的变量。带有我的 openweather api key 的 url 在浏览器中加载 json 文件效果很好，但它似乎不想在我的 getJSON 中工作。

这是我的 JavaScript 代码，用于根据您的位置显示天气信息。

var lat;
var lon;
var jsonURL;

  navigator.geolocation.getCurrentPosition(GetLocation);
function GetLocation(location) {
    lat = location.coords.latitude;
    lon = location.coords.longitude;

    jsonURL = 'api.openweathermap.org/data/2.5/weather?lat=' + lat + '&lon=' + lon + '&APPID=example&units=imperial'

}



$("#getWeather").click(function(){
  console.log(jsonURL);
    $.getJSON(jsonURL , function( data ) {
    var items = [];
    items = data;   $("#weather").text(items.main.temp).append('℉');
    });
});

Answer 1

使用浏览器中的开发人员工具。查看控制台。查看网络选项卡。这将清楚地表明您的网址导致了 404 错误。

您的 URL 缺少方案。前面需要 http:// 或 https://。

当您在地址栏中键入 URL(缺少方案)时，浏览器将自动插入 http://。