前端开发 HTML5 CSS3 HTML CSS JavaScript jQuery Bootstrap

jquery ajax全局事件,登录失效举例

jQuery HTML我帮您 1年前  0次浏览

jquery之ajax——全局事件引用方式以及各个事件(全局/局部)执行顺序
jquery中各个事件执行顺序如下:
1.ajaxStart(全局事件)
2.beforeSend
3.ajaxSend(全局事件)
4.success
5.ajaxSuccess(全局事件)
6.error
7.ajaxError (全局事件)
8.complete
9.ajaxComplete(全局事件)
10.ajaxStop(全局事件)
其中,全局事件可以在ajax相关方法外引用(比如,通过该方式将ajax执行各个阶段的信息显示在页面某个地方)。

ajax方法的全局事件的用处

ajax全局事件,典型的应用场合举例:
请求数据举例
你的页面存在多个甚至为数不少的ajax请求,但是这些ajax请求都有相同的消息机制。ajax请求开始前显示一个提示框,提示"正在读取数据";ajax请求成功时提示框显示"数据获取成功”;ajax请求结束后隐藏提示框。

Ajax请求数据时登录失效,举例使用
//全局ajax处理
$.ajaxSetup({
complete: function (jqXHR) {
//登录失效处理
if (jqXHR.responseText=='logout') {
location.href="login.html"
}
},
data: {
__isajax__: true
},
error: function (jqXHR, textStatus, errorThrown) {
//请求失败处理
alert(errorThrown ? errorThrown : '操作失败');
}
});


发表评论