主要的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);
分享到:
相关推荐
当客户端ajax提交表单超时, 弹出一个登录框,并加一个背景层下面的整个浏览器. 当用户输入username and password登录成功后,去掉登录框和背景层.这时用户可以继续操作. 登录失败alert出错信息. $.post...
主要介绍了为jquery的ajax请求添加超时timeout时间的操作方法,文中通过一段简单的代码给大家介绍jquery ajax超时设置方法,感兴趣的朋友跟随脚本之家小编一起看看吧
HTML使用极简的方式通过ajax请求实现前后端交互。文中不使用form表,为了方便ajax拼接其他参数。
ajax请求后台数据实现分页功能
PHP AJAX JSONP实现跨域请求使用范例
但是对于h5的ajax请求并没有提供干涉的接口,这意味着我们不能在webview中干涉javascript发起的http请求,而有时候我们确实需要能够截获ajax请求并实现一些功能如:统一的网络请求管理、cookie同步、证书校验、访问...
一个完整的jquery+ajax传送请求的实例
在进行Ajax调用过程中一般都具有这样的做法:显示一个GIF图片动画表明后台正在工作,同时阻止用户操作本页面(比如Ajax请求通过某个按钮触发,用户不能频繁点击该按钮产生多个并发Ajax请求);调用完成后,图片消失...
该示例解决了发送多个Ajax请求时引起的并发问题
js 实现发送短信验证码后的倒计时功能 ajax前后端交互
基于ajax实现异步提交,页面为两个下拉选,左侧一个显示省份,选择不同的省份,右侧的下拉选显示对应的城市
打包好的Ajax代码,实现了对象化,使用时直接调用就可以了,调用时需要重构三个方法,如下: function onerror() //错误处理方法 { alert("error"); } function getInfo() //发送请求方法,包括请求方法和请求...
如何在Thymeleaf中实现ajax请求url的可靠构造
jQuery-ajax-用户名异步请求,转载请注明出处:https://blog.csdn.net/qq_40374604(如有需要欢迎留言,我一定会尽快解答)
java实现gzip ajax请求gzip压缩 等
原生javascript实现ajax发送pos请求,这样可以脱离jquery框架,
Ajax Get、Post请求 Ajax Get、Post请求 Ajax Get、Post请求
这是一个java的web样例工程,实现的是jquery+ajax传输
讲述了JQuery,JSON,Struts2实现Ajax异步请求
这个资源实现了用ajax + php进行投票的功能,共同学习,共同进步啊!