0

我是 JavaScript 的初学者,我最近确实在学校学到了它。我必须在网页上包含并获取来自 OpenWeatherMap API 的响应。现在,我要做的就是获取 API URL 中指定的城市的温度。在寻求您的帮助之前,我挣扎了很长时间,但我无法弄清楚我的问题。

这是我的代码:

var btn = document.getElementById("btn");
var p = document.getElementById("paragraphe");
var txtf = document.getElementById("txtf");
btn.addEventListener('click', fun, false);

function fun(){

var xhr = new XMLHttpRequest();
xhr.open('GET','http://api.openweathermap.org/data/2.5/weatherq=London&appid=2de143494c0b295cca9337e1e96b00e0&units=metric', true)
xhr.addEventListener('readystatechanged', function(){
if(xhr.readyState == 4 && xhr.status == 200){
    var obj = JSON.parse(xhr.responseText)
    p.innerHTML = obj.main.temp;

}

}, false)

xhr.send();

}

谢谢您的帮助 !

4

1 回答 1

1

乍一看,检查你的拼写。我看不到您的 HTML,但可能的问题是:#paragraphe#txtf.

此外,将事件名称更改readystatechangedreadystatechange.

一个提示,在console.log("insert check data here");整个代码中添加。这样就可以在控制台日志中看到它正在中断的位置。这真的有助于解决问题!

于 2016-05-24T18:30:24.607 回答