javascript - 如何使用 jQuery AJAX 处理 API 调用错误？

Question

我正在制作一个天气应用程序作为一个学校项目。我有一个输入，用户应该通过该输入输入城市名称以从 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 block 中并添加了错误:function().. 在成功之下，它仍然没有显示错误消息。

为什么这不起作用？这在纯 JavaScript 中更容易做到吗？

Answer 1

将 if 语句添加到您的成功函数以检查列表中是否包含元素。否则，您将在尝试获取不存在的元素的名称时出错。

success: function (weatherData) {
    if (weatherData.list.length > 0)  
        document.getElementById("cityNameCountry_").appendChild(document.createTextNode((weatherData.list[0].name)));
}