ajaxSetup,ajaxComplete

最新推荐文章于 2025-06-19 17:49:07 发布

mrhaoxiaojun

最新推荐文章于 2025-06-19 17:49:07 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： ajaxComplete ajaxSetup

本文链接：https://blog.youkuaiyun.com/mrhaoxiaojun/article/details/77773113

JavaScript 专栏收录该内容

70 篇文章

订阅专栏

本文介绍了一种使用jQuery AJAX实现网页无刷新登录状态检测的方法。通过监听AJAX请求完成事件，判断返回头中是否存在特定登录URL，若存在则跳转至登录页面；同时，在发送AJAX请求前显示加载条，并在请求完成后隐藏加载条，以此提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var ajaxCallArr 
= [];
$(document).ajaxComplete(function(
event, xhr,
settings ) {
if( xhr.getResponseHeader('loginUrl') ){
window.location.href = xhr.getResponseHeader('loginUrl');
}
});

$.ajaxSetup({
cache: false,
beforeSend:function(){
try{
document.getElementById('loading-bar').style.display
= 'block';
}catch(e){
console.log('dom error');
}
ajaxCallArr.push(1);
},
complete: function(){
ajaxCallArr.pop();
if( ajaxCallArr.length 
== 0 ){
try{
document.getElementById('loading-bar').style.display
= 'none';
}catch(e){
console.log('dom error');
}
}

}
});