Ajax實(shí)現(xiàn)超時(shí)檢查腳本

本篇內(nèi)容介紹了“Ajax實(shí)現(xiàn)超時(shí)檢查腳本”的有關(guān)知識(shí)，在實(shí)際案例的操作過程中，不少人都會(huì)遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

復(fù)制代碼 代碼如下:

<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; //用屬性存儲(chǔ)XMLHttpRequest對(duì)象的實(shí)例 
} 
Ajax.prototype.send=function(url,options){ 
if(!this.Xhr) return; 
var xhr=this.Xhr; 
var aborted=false; 
var _options={ //提供默認(rèn)值 
method:"GET", 
timeout:5000, 
onerror:function(){}, 
onsuccess:function(){} 
}; 
for(var o in options){ //覆蓋掉原來的默認(rèn)值 
_options[o]=options[o]; 
} 
function checkForTimeout(){ //檢查是否超時(shí)的情況 
if(xhr.readyState!=4){ 
aborted=true; 
xhr.abort(); //取消本次傳輸 
} 
} 
//在規(guī)定的時(shí)間內(nèi)檢查readyState屬性的值 
setTimeout(checkForTimeout,_options.timeout); 
function onreadystateCallback(){ 
if(xhr.readyState==4){ 
/* 
* 注釋：狀態(tài)碼在200內(nèi)表示成功，300內(nèi)表示重定向，400內(nèi)是客戶端錯(cuò)誤，500是服務(wù)器端錯(cuò)誤 
*/ 
if(!aborted && xhr.status>=200 && xhr.status<300){ //檢查aborted屬性是否超時(shí) 
_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>

“Ajax實(shí)現(xiàn)超時(shí)檢查腳本”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！