Ajax犯的错误处理方法
更新时间：2016年09月25日 11:34:04 作者：SamLing
ajax 发送请求时状态判断 if else 语句问题如何解决呢？接下来通过本文给大家分享ajax犯的错误处理方法，对ajax错误感兴趣的朋友一起看看吧
1， ajax 发送请求时状态判断 if else 语句问题。
var xhr = new XMLHttpRequest();
xhr.open("get",strUrl);<br>
<br>xhr.onreadystatechange = function(){
<br><br>
if(xhr.readyState === 4){
<br><br><em id="__mceDel">
if(xhr.status ===200){
console.log(xhr.responseText);
}
<br><br></em><em style="line-height: 1.5;" id="__mceDel">
<em id="__mceDel"><em id="__mceDel"><em id="__mceDel">
}else </em></em></em></em><em style="line-height: 1.5;" id="__mceDel"><em id="__mceDel"><em id="__mceDel">
<em id="__mceDel"><em id="__mceDel">{<br>
console.log(xhr.status); }
<br> }</em></em></em></em></em>
xhr.send();
当时输出了两个200 的状态码，然后才输出xhr.responseText, 获取到的内容。 当时很奇怪，不知道这两个200 是怎么来的？
当时尝试输出不少内容，但还是找不到原因。 只有到把else 语句中改为 console.log(xhr.readystate)才发现了问题，这时输出结查依次是2，3，获取到的内容。 这时才发现原因：
xhr 发送请求到请求结束，会经过5种状态，状态码依次是0，1，2，3，4（就是readystate 的值），状态每发生改变一次，就会触发readystatechange事件，调用事件处理函数。 当 状态码是变化到2时，它调用readystatechange 事件，然后走 if/else 语句，
这是 readystate 显然不是4，然后走else 语句 输出 2. 以此类推，3，4 的时候再调用readystatechange 事件， 只有4 时才走if 里面的内容，请求成功，返回请求内容。
以上所述是小编给大家介绍的Ajax犯的错误处理方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
二级联动菜单,一个多么方便且实用的用户交互功能，有需求的朋友可以参考下本文，或许对你的菜单知识深入学习有帮助，好了，闲话不多说，看代码吧2013-01-01
Razor功能非常强大，但是本身并不能做到无刷新，所以需要配合ajax使用。本文通过一个例子给大家介绍使用Ajax局部更新Razor页面，需要的朋友参考下吧2017-09-09
Ajax技术的核心是XMLHttpRequest对象（简称XHR），可以通过使用XHR对象获取到服务器的数据，然后再通过DOM将数据插入到页面中呈现。虽然名字中包含XML，但Ajax通讯与数据格式无关，所以我们的数据格式可以是XML或JSON等格式2012-08-08
跨域问题是我们在开发中经常会遇到的一个需求，下面这篇文章主要给大家介绍了关于ajax和jsonp跨域的原理本质，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2017-11-11
Ajax留言本源码 提供下载了...2007-08-08
这篇文章主要为大家分享了Ajax创建简单实例代码，学习Ajax如何创建简单实例，感兴趣的小伙伴们可以参考一下2015-12-12
这篇文章主要介绍了json格式的Ajax提交，需要引入一些jar包及js包，示例代码如下2014-08-08
把参数用Ajax发送到数据库进行查询然后用Ajax将数据发送到数据库签到表，于是有了下面的代码，感兴趣的朋友可以了解下，希望对大家学习ajax有所帮助2013-08-08
Ajax创建XMLHttp对象的完美兼容性代码，需要的朋友可以参考下。2011-11-11
最近学习js，肯定会学到ajax中的东西，所以，看到比较好的ajax函数，免不得要贴出来，供大家参考。这个函数摘录自john resig的书中。2009-09-09
最新评论