我正在使用 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('℉');
});
});
最佳答案
使用浏览器中的开发人员工具。查看控制台。查看网络选项卡。这将清楚地表明您的网址导致了 404 错误。
您的 URL 缺少方案。前面需要 http:// 或 https://。
当您在地址栏中键入 URL(缺少方案)时，浏览器将自动插入 http://。
关于javascript - 在 getJSON jquery 中使用变量作为 URL，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35564241/