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>