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犯的错误处理方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • Ajax实现模拟关键字智能匹配搜索效果

    Ajax实现模拟关键字智能匹配搜索效果

    这篇文章主要介绍了Ajax实现模拟关键字智能匹配搜索效果,当在搜索框输入内容时,根据关键字匹配,显示弹出层,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-12-12
  • ajax以及一些乱码问题

    ajax以及一些乱码问题

    很就以前在使用AJAX的时候,那时候还不知道AJAX。于是在任务中被AJAX的乱码问题搞的头破血流。
    2010-08-08
  • jQuery+Ajax+PHP实现“喜欢”评级功能附源码下载

    jQuery+Ajax+PHP实现“喜欢”评级功能附源码下载

    有同学问我如何实现一个像美丽说那样的“我喜欢”评级功能,当用户看到自己喜欢的图片或文章时,点击“红心”按钮,系统会自动记录用户的点击,并将总数加1。这样再结合不同的系统,可以将此功能应用到投票或收藏商品中去(如淘宝的收藏商品)。
    2015-10-10
  • 解决浏览器记住ajax请求并能前进和后退问题

    解决浏览器记住ajax请求并能前进和后退问题

    在我们浏览不同网页的时候,我们可以通过浏览器的前进、后退键来去到我们前后访问过的页面。这篇文章主要介绍了让浏览器记住ajax请求并能前进和后退方法(一),需要的朋友可以参考下
    2017-06-06
  • React+ajax+java实现上传图片并预览功能

    React+ajax+java实现上传图片并预览功能

    这篇文章主要介绍了React+ajax+java实现上传图片并预览功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • Ajax实现二级联动菜单

    Ajax实现二级联动菜单

    这篇文章主要为大家详细介绍了Ajax实现二级联动菜单,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-11-11
  • Ajax验证用户的唯一性

    Ajax验证用户的唯一性

    这篇文章主要介绍了Ajax验证用户的唯一性,验证环境Ajax+Jquery+Json+struts2,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • 通过数据库和ajax方法写出地图的实例代码

    通过数据库和ajax方法写出地图的实例代码

    AJAX 是与服务器交换数据并更新部分网页的艺术,在不重新加载整个页面的情况下。这篇文章主要介绍了通过数据库和ajax方法写出地图的实例代码的相关资料,需要的朋友可以参考下
    2016-10-10
  • 服务端配置实现AJAX跨域请求

    服务端配置实现AJAX跨域请求

    这篇文章主要介绍了服务端配置实现AJAX跨域请求的相关资料,需要的朋友可以参考下
    2015-02-02
  • ajax获取用户所在地天气的方法

    ajax获取用户所在地天气的方法

    这篇文章主要为大家详细介绍了ajax获取用户所在地天气的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-10-10

最新评论