ajax中error该如何使用

ajax中error该如何使用,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

error使用情况:1、当后台返回的dataType类型和前台写的不一致时使用;2、当async请求同步异步问题时使用;3、当data设置为空时使用;4、当传递的参数不是ajax支持的编码格式时使用。

本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

ajax中error在什么时候使用

  • dataType错误(dataType用来指定后台返回参数的类型)

类型错误:后台返回的dataType类型和前台写的不一致会跳入error。

格式错误:jquery1.4之后对json的格式要求非常严格,json格式错误也会跳入error.{“test”:1} 注意格式

有时,在不需要返回值的情况下,扔按模板格式,设置了dataType:”json”,参数;这时候,ajax传值正确时,出现200返回成功状态下报错的特殊情况。

如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

“xml”: 返回 XML 文档,可用 jQuery 处理。

“html”: 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。

“script”: 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 “cache” 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)

“json”: 返回 JSON 数据 。

“jsonp”: JSONP 格式。使用 JSONP 形式调用函数时,如 “myurl?callback=?” jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

“text”: 返回纯文本字符串

  • async请求同步异步问题

async默认是true(异步请求),如果想一个Ajax执行完后再执行另一个Ajax, 需要把async=false

例如,你用post请求传值到另一个页面后台,但是页面一加载你的ajax就已经执行过了,传值接收是在后台才完成的,这时候就请求不到数据,所以可以考虑把ajax请求改为同步试试。

  • data不能不写

data为空也一定要传”{}”;不然返回的是xml格式的。并提示parsererror. data:”{}”

parsererror的异常和Header 类型也有关系。及编码header(‘Content-type: text/html; charset=utf8’);

  • 传递的参数

必须是ajax支持的编码格式

  • URL路径问题

路径不能有中文

一般我们可以通过分析error中的一些参数进行错误原因的判断:

XMLHttpRequest.readyState: 状态码

0 - (未初始化)还没有调用send()方法

1 - (载入)已调用send()方法,正在发送请求

2 - (载入完成)send()方法执行完成,已经接收到全部响应内容

3 - (交互)正在解析响应内容

4 - (完成)响应内容解析完成,可以在客户端调用了

XMLHttpRequest.status:调用http请求状态

请求状态有很多,具体遇到错误状态代码可以自行百度查询。

XMLHttpRequest.responseText:返回的错误信息

如果发生了错误,错误信息(第二个参数)除了得到null之外,还可能是”timeout”, “error”, “notmodified” 和 “parsererror”。

看完上述内容,你们掌握ajax中error该如何使用的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注蜗牛博客行业资讯频道,感谢各位的阅读!

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:niceseo99@gmail.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

评论

有免费节点资源,我们会通知你!加入纸飞机订阅群

×
天气预报查看日历分享网页手机扫码留言评论电报频道链接