用ajax实现一个请求超时中断请求的功能,并实现倒计时

主要的js代码如下:

// 倒计时
var beginTime="30";
function DoConverseCallTimer(){
   beginTime=parseInt(beginTime,10)-1;
   if(beginTime<0){
       window.clearTimeout(timer);
   }else{
   $('displayTime').innerText=beginTime;
  
   timer1= window.setTimeout("DoConverseCallTimer()",1000);
   }
}
}
// 取消请求状态
function callInProgress (xmlhttp) {
    switch (xmlhttp.readyState) {
    case 1: case 2: case 3:
    return true;
    break;
   
    default:
    return false;
    break;
    }
}   
// 显示超时错误信息
function showFailureMessage(){
   
    alert('系统繁忙,请稍候再试!');
}

var handle={
onCreate: function(request) {
            // 当创建Ajax请求时,显示loading
          Element.show('loading');
          // 启动倒计时
          DoConverseCallTimer();
          request['timeoutId'] = window.setTimeout(
            function() {
            if (callInProgress(request.transport)) {
                request.transport.abort();
                showFailureMessage();
               
            }
        },
        30000 // thirty seconds
        );
    },
    onComplete: function(request) {
   
        if(Ajax.activeRequestCount==0){
              Element.hide('loading');
              }
       window.clearTimeout(request['timeoutId']);
       window.clearTimeout(timer);
     
    }
    onException: function(request){
      if(Ajax.activeRequestCount==0){
              Element.hide('loading');
      }
       window.clearTimeout(request['timeoutId']);
       window.clearTimeout(timer);
}
 }
// 将handle注册到合局Ajzx.Responders对象,使其生效
  Ajax.Responders.register(handle);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值