Ajax實現超時檢查腳本

本篇內容介紹了“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>

“Ajax實現超時檢查腳本”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！