Javascript 如何使用JSON检索OpenWeatherMap数据?

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

我一直在尝试用JavaScript编写一个程序,可以使用JSON从OpenWeatherMap检索天气数据。我对JSON非常陌生,但我认为我理解它背后的逻辑。但是,当我单击“获取JSON”按钮时,什么也没有发生。getJSON函数中的“data.temp”可能不正确,但如果我理解正确,它似乎至少应该打印“Temperature”一词:HTML和JavaScript附在下面,欢迎提供任何帮助

HTML:


天气数据应该放在这里。
获取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=*************