我正在将天气应用程序作为学校项目。我有一个输入,用户应通过该输入输入城市名称,以从API获取天气。如果用户拼写错误的城市名称,则会在控制台中收到错误消息。我想在发生这种情况时捕获它,并显示一些消息来通知用户更正输入。我也在StackOverflow和jQuery网站上搜索了其他问题,但没有得到我的答案,所以这就是为什么我在这里。
我的代码如下所示:
$.ajax({
type: 'GET',
url: 'http://api.openweathermap.org/data/2.5/find?q=' + valueFromInput + '&units=metric&type=like&mode=json&APPID=cdb7ecf86aa724f19f723f964e5f15ae',
dataType: 'json',
success: function (weatherData) {...//code}
我尝试将ajax放在try / catch块中,并在成功下面添加了错误:function()..,它仍然不显示错误消息。
为什么这不起作用?使用纯JavaScript会更容易吗?
在成功函数中添加if语句,以检查列表中是否包含元素。否则,尝试获取不存在的元素的名称时会出错。
success: function (weatherData) {
if (weatherData.list.length > 0)
document.getElementById("cityNameCountry_").appendChild(document.createTextNode((weatherData.list[0].name)));
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句