如何使用jQuery AJAX处理API调用错误?

用户名

我正在将天气应用程序作为学校项目。我有一个输入,用户应通过该输入输入城市名称,以从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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Ajax调用(jQuery)中的错误处理不起作用

Xcode 7 / iOS 9中的Api调用错误(如何在plist中设置App Transport Security)

如何使用JQuery $ .when按顺序处理ajax调用?

jQuery的承诺,当ajax调用错误时返回

使用线程宏的惯用错误/异常处理

为什么焦点处理程序使用错误的参数执行?

jQuery Ajax GET在Web API Core控制器中调用错误的方法

PHP API + jQuery AJAX调用JSON语法错误

调用Web API操作时Jquery Ajax引发错误

使用多个API调用的Redux saga错误处理

jQuery ajaxSetup,无法重试对错误处理的ajax调用

如何在API调用中处理RESOURCE EXHAUSTED错误

在R中使用错误处理运行多个脚本

如何使用Ajax / Jquery调用Spotify API?

如何使用NestJS抛出HttpService调用错误?

如何使用错误响应进行JSON API调用?

与另一个装饰器一起使用时,@ pyqtSlot()导致调用错误的处理程序方法

使用Axios处理API调用错误

快速处理端口已使用错误

jQuery getjson()ASP.Net WebAPI调用错误的URL

JQuery.ajax不等待C#Server的响应并调用错误函数,并在localhost上进行测试

在存储过程中使用错误处理

jQuery插件Tooltipster给出了Ajax调用错误以加载内容

jQuery ajax调用ASP.NET调用错误的方法

freeCodeCamp Twitchtv APi 项目:AJAX 调用错误

如何使用 jQuery 进行 AJAX 调用?

如何在 python/Django 中捕获 API 调用错误?

如何在函数中调用错误处理程序?不是 API

如何在 Java 中使用错误处理/异常处理?