包括使用 Javascript 的 OpenWeatherMap API答案

【问题标题】：Including OpenWeatherMap API using Javascript包括使用 Javascript 的 OpenWeatherMap API
【发布时间】：2016-04-09 14:39:56
【问题描述】：

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

}

感谢您的帮助！

【问题讨论】：

标签： javascript weather-api openweathermap

【解决方案1】：

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

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

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

【讨论】：