Javascript 如何使用JSON检索OpenWeatherMap数据?
我一直在尝试用JavaScript编写一个程序,可以使用JSON从OpenWeatherMap检索天气数据。我对JSON非常陌生,但我认为我理解它背后的逻辑。但是,当我单击“获取JSON”按钮时,什么也没有发生。getJSON函数中的“data.temp”可能不正确,但如果我理解正确,它似乎至少应该打印“Temperature”一词:HTML和JavaScript附在下面,欢迎提供任何帮助 HTML:Javascript 如何使用JSON检索OpenWeatherMap数据?,javascript,json,openweathermap,Javascript,Json,Openweathermap,我一直在尝试用JavaScript编写一个程序,可以使用JSON从OpenWeatherMap检索天气数据。我对JSON非常陌生,但我认为我理解它背后的逻辑。但是,当我单击“获取JSON”按钮时,什么也没有发生。getJSON函数中的“data.temp”可能不正确,但如果我理解正确,它似乎至少应该打印“Temperature”一词:HTML和JavaScript附在下面,欢迎提供任何帮助 HTML: 天气数据应该放在这里。 获取JSON JavaScript: $(document).re
天气数据应该放在这里。
获取JSON
JavaScript:
$(document).ready(function() {
/* Operate when "getIt" button is clicked.*/
$("#getIt").click(function(event){
/* Variable storing weather information.*/
var weatherNow="http://api.openweathermap.org/data/2.5/weather?q=London,uk&callback=test&appid=******************";
$.getJSON(weatherNow,function(data){
$('#owmdata').append('<p>Temperature : ' + data.temp+ '</p>');
});
});
});
$(文档).ready(函数(){
/*单击“获取”按钮时进行操作*/
$(“#getIt”)。单击(函数(事件){
/*存储天气信息的变量*/
var weatherNow=”http://api.openweathermap.org/data/2.5/weather?q=London,uk&callback=test&appid=*******************”;
$.getJSON(weatherNow,函数(数据){
$(“#owmdata”).append(“温度:”+data.temp+”);
});
});
});
在请求参数中,您指定“test”作为回调函数。您可以这样构造您的请求url,而无需引用回调,并直接访问数据:
http://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=*************
“temp”嵌套在属性“main”中,因此您可以将其引用为
data.main.temp
您可能希望在此处混淆用户的AppId。只是一个想法。现在任何人都可以使用这个appid来调用API。谢谢,主要的罪魁祸首是这个以及一个大写错误。
http://api.openweathermap.org/data/2.5/weather?q=London,uk&appid=*************