Ajax 超时检查脚本


            复制代码 代码如下:<script type="text/javascript"> function Ajax(){ var xhr; if(window.XMLHttpRequest){ xhr=new XMLHttpRequest(); }else{ try{xhr=new ActiveXObject("MSXML2.XMLHTTP.6.0");}catch(e){} try{xhr=new ActiveXObject("MSXML2.XMLHTTP");}catch(e){} } if(!xhr) return; this.Xhr=xhr; //用属性存储XMLHttpRequest对象的实例 } Ajax.prototype.send=function(url,options){ if(!this.Xhr) return; var xhr=this.Xhr; var aborted=false; var _options={ //提供默认值 method:"GET", timeout:5000, onerror:function(){}, onsuccess:function(){} }; for(var o in options){ //覆盖掉原来的默认值 _options[o]=options[o]; } function checkForTimeout(){ //检查是否超时的情况 if(xhr.readyState!=4){ aborted=true; xhr.abort(); //取消本次传输 } } //在规定的时间内检查readyState属性的值 setTimeout(checkForTimeout,_options.timeout); function onreadystateCallback(){ if(xhr.readyState==4){ /* * 注释：状态码在200内表示成功，300内表示重定向，400内是客户端错误，500是服务器端错误 */ if(!aborted && xhr.status>=200 && xhr.status<300){ //检查aborted属性是否超时 _options.onsuccess(xhr); }else{ _options.onerror(xhr); } } } xhr.open(_options.method,url,true); xhr.onreadystatechange=onreadystateCallback; xhr.send(null); } var ajax=new Ajax(); ajax.send("test.php",{method: GET ,timeout:100,onerror:onerror,onsuccess:onsuccess}); function onerror(xhr){ alert("Timeout"); } function onsuccess(xhr){ alert(xhr.responseText); } </script>