使用Ajax时处理用户session失效的问题

最新推荐文章于 2021-08-06 14:02:54 发布

原创最新推荐文章于 2021-08-06 14:02:54 发布 · 3.7k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#session #ajax #javascript #xmlhttprequest

jQuery 同时被 2 个专栏收录

4 篇文章

订阅专栏

javascript

2 篇文章

订阅专栏

本文探讨了在Spring MVC框架中如何优雅地处理用户Session失效的情况，并特别关注Ajax请求的处理方式。文章提供了具体的代码示例，展示了如何区分普通的HTTP请求与Ajax请求，并给出了解决方案。

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

在使用spingMVC的拦截器来处理用户session失效的问题时，当用户session失效会返回一串javascript字符串强制用户浏览器跳转至登录页面。然而当使用Ajax请求数据时，在验证失败后只会响应一串字符串，JavaScript并不会执行，这是由于Ajax的请求是由XMLHTTPRequest对象发起的而不是浏览器，在验证失败后服务器返回的信息会被XMLHTTPRequest对象接收到并保存在js对象中。

为了应对这种情况，可以在后台对Http请求先进行判断，将Ajax请求与普通http请求分开处理。
观察Ajax发送的请求头信息可以发现，Ajax请求的头信息中会带有X-Requested-With:XMLHttpRequest,通过这个可以判断是否是Ajax请求。

String requestType = request.getHeader("X-Requested-With");
if(requestType != null && "XMLHttpRequest".equalsIgnoreCase(requestType.trim())) {
    //如果是ajax请求
    response.setHeader("sessionStatus", "timeout");
    response.sendError(601, "session timeout.");
    return false;
}

javascript代码，可以设置Ajax请求的全局默认options，一劳永逸

//设置Ajax请求的全局默认options
jQuery.ajaxSetup({
    type:'post',
    complete:function(xhr, ts){ //XMLHttpRequest, textStatus
        var sessionStatus = xhr.getResponseHeader('sessionstatus');
        if(sessionStatus == 'timeout') {
            alert('页面过期，请重新登录!');
            window.top.location.href = 'Login.htm';
        }
    }
});

项目中还使用到了DataTables做数据表格，发现用上边javascript的配置方法在datatables中不能生效，错误信息参见：http://datatables.net/tn/7 要配置ajax的error属性才可以

$('#example').dataTable( {
  "ajax": {
    "url": "findRoles.htm",
    "type": "POST",
    "error": function(xhr, ts, et) { //XMLHttpRequest, textStatus, errorThrown
        var sessionStatus = xhr.getResponseHeader('sessionstatus');
        if(sessionStatus == 'timeout') {
            alert('页面过期，请重新登录!');
            window.top.location.href = 'Login.htm';
        }
    }
  }
});