jQuery ajax全局函数处理session过期后的ajax跳转问题-js教程-PHP中文网

jQuery ajax全局函数处理session过期后的ajax跳转问题

高洛峰

发布： 2017-01-07 09:39:40

原创

1400人浏览过

做web常常需要考虑session过期的问题，session过期就让页面跳转到登录界面去，但是存在这样一个问题，当页面过期后，用户请求后台的方式有两种：传统方式和异步请求方式，传统方式倒好解决，请求到后台，拦截到过期的操作，直接跳转，但是异步请求不会刷新整个页面，因此对session过期的处理也不能按往常的方式，需要另外的操作。

具体思路：拦截器中判断是否为ajax请求 —— 是ajax请求则返回一个消息 ——页面添加一个全局的ajax处理事件，对消息进行判断，如果是报告session过期，则location到登录页面

第一步，拦截器判断是否为ajax请求：

if(request.getHeader("x-requested-with")!=null
&& request.getHeader("x-requested-with").equalsIgnoreCase("XMLHttpRequest")){
//是ajax请求，则返回个消息给前台
PrintWriter printWriter = response.getWriter();
printWriter.print("{sessionState:timeout}");
printWriter.flush();
printWriter.close();
}else{
//不是ajax请求，则直接跳转页面
}

登录后复制

AI建筑知识问答

用人工智能ChatGPT帮你解答所有建筑问题

查看详情

第二步，设置全局ajax处理事件，处理session过期的问题，类似于一个拦截器或者过滤器：

$.ajaxSetup({
contentType:"application/x-www-form-urlencoded;charset=utf-8",
cache:false ,
complete:function(data,TS){
//对返回的数据data做判断，
//session过期的话，就location到一个页面
}
}
});

登录后复制

这是一个基于jQuery的异步处理机制，完整代码我没写，上次在公司写的代码，带不出来，文章里的代码有些还是在网上找来粘进去的，凌晨都过了半小时了，太困了，记录下思路而已。

PS：ajax 操作全局监测，用户session失效

jQuery(function ($) {
// 备份jquery的ajax方法
var _ajax = $.ajax;
// 重写ajax方法，先判断登录在执行success函数
$.ajax = function (opt) {
var _success = opt && opt.success || function (a, b) { };
var _opt = $.extend(opt, {
success: function (data, textStatus) {
try {
if (data.sessionstatus == false) {
//用户失效进行操作
//return;
}
} catch (e) {
}
_success(data, textStatus);
}
});
_ajax(_opt);
};
});

登录后复制

更多jQuery ajax全局函数处理session过期后的ajax跳转问题相关文章请关注PHP中文网！