多个ajax请求,请求时间不一样,缓冲圈消失时间太早的问题
2017-04-10 11:35
323 查看
ajaxStart() 设置当前第一个AJAX请求开始时执行的处理函数。
ajaxSend() 设置在AJAX请求被发送前执行的处理函数。
ajaxComplete() 设置当AJAX请求完成(无论成功或失败)时执行的处理函数。在多个Ajax请求中,每次请求都会执行
ajaxStop() 设置当前最后一个AJAX请求结束时执行的处理函数。
//缓冲圈的第一种写法 : ajaxStart() 和 ajaxComplete()
//弊端:ajaxComplete()在多个ajax请求时,容易出问题,因为当第一个ajax请求完成的时候,他就结束了缓冲圈,而其他的请求还没有结束,就造成了数据还在请求中,但是缓冲圈已经停止了。
var _loadingIndex;layer = window.layer;
$(document).ajaxStart(
function(){
_loadingIndex = layer && layer.load(1, { shade: [0.1,'#000'] })
}
);
$(document).ajaxComplete(
function(){
setTimeout(function(){
layer.close(_loadingIndex);
},500)
}
);
//缓冲圈的第二种写法 : ajaxStart() 和 ajaxStop()
//优点:ajaxStop()最后一个ajax请求完成后执行处理的函数,当所有的ajax请求完成之后才会执行的函数,缓冲圈会在所有的ajax请求完成之后再消失
var _loadingIndex,layer = window.layer;
$(document).ajaxSend(function(){
_loadingIndex = layer && layer.load(1, {
shade: [0.1,'#000']
});
});
$(document).ajaxStop(function(){
setTimeout(function(){
layer.close(_loadingIndex);
},500)
});
ajaxSend() 设置在AJAX请求被发送前执行的处理函数。
ajaxComplete() 设置当AJAX请求完成(无论成功或失败)时执行的处理函数。在多个Ajax请求中,每次请求都会执行
ajaxStop() 设置当前最后一个AJAX请求结束时执行的处理函数。
//缓冲圈的第一种写法 : ajaxStart() 和 ajaxComplete()
//弊端:ajaxComplete()在多个ajax请求时,容易出问题,因为当第一个ajax请求完成的时候,他就结束了缓冲圈,而其他的请求还没有结束,就造成了数据还在请求中,但是缓冲圈已经停止了。
var _loadingIndex;layer = window.layer;
$(document).ajaxStart(
function(){
_loadingIndex = layer && layer.load(1, { shade: [0.1,'#000'] })
}
);
$(document).ajaxComplete(
function(){
setTimeout(function(){
layer.close(_loadingIndex);
},500)
}
);
//缓冲圈的第二种写法 : ajaxStart() 和 ajaxStop()
//优点:ajaxStop()最后一个ajax请求完成后执行处理的函数,当所有的ajax请求完成之后才会执行的函数,缓冲圈会在所有的ajax请求完成之后再消失
var _loadingIndex,layer = window.layer;
$(document).ajaxSend(function(){
_loadingIndex = layer && layer.load(1, {
shade: [0.1,'#000']
});
});
$(document).ajaxStop(function(){
setTimeout(function(){
layer.close(_loadingIndex);
},500)
});
相关文章推荐
- 同时发送多个ajax请求,导致响应时间变长的问题
- 多个AJAX请求问题总结
- 解决ajax请求自动增加时间戳问题
- ajax同步请求 超时时间问题
- 关于多个Ajax请求执行返回先后的问题示例探讨
- 关于多个Ajax请求执行返回先后的问题示例探讨
- 关于多个Ajax请求执行返回先后的问题示例探讨
- 多个ajax请求的同步异步问题
- 程序启动的目录不一样.ajax请求的地址跳转会出现的问题
- 关于多个Ajax请求执行返回先后的问题
- Ajax中请求被缓存的问题
- ajax请求时读缓存的问题
- 关于AJAX请求服务器后缓存数据,造成没有及时刷新的问题
- 几个问题(十一)-------ajax是否能跨域请求,解决的办法
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- FireFox下Ajax同步请求onReadyStateChange不执行问题解决
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- AJAX中同时发送多个请求XMLHttpRequest对象处理方法
- 前端使用Jquery的getJSON方法,后台使用PHP,解决IE和火狐Firefox中存在的跨域ajax请求问题。
- ajax请求缓存问题