javascript - 包括使用 Javascript 的 OpenWeatherMap API

Question

我是 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();

}

感谢您的帮助!

Answer 1

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

此外，将事件名称 readystatechanged 更改为 readystatechange。

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