Ajax犯的错误怎么处理

这篇文章将为大家详细讲解有关Ajax犯的错误怎么处理,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

10年积累的网站设计制作、成都网站制作经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有兴海免费网站建设让你可以放心的选择与我们合作。

1, ajax 发送请求时状态判断 if else 语句问题。

var xhr = new XMLHttpRequest(); 
xhr.open("get",strUrl);

xhr.onreadystatechange = function(){   

     if(xhr.readyState === 4){ 

         if(xhr.status ===200){    console.log(xhr.responseText);       }  

     }else  {
     console.log(xhr.status); }  
 }
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犯的错误怎么处理
网页地址:http://pwwzsj.com/article/gpeecd.html