当Ajax请求遇到Session超时

前言

B/S应用中，用户登录应该是必不可少的一项；一般情况下我们会将登录用户的信息存储在Session中，当用户请求服务器资源时，在请求到达资源之前需要验证Session中是否有登录用户的信息，若是没有（用户没有登录或者Session超时），我们会让浏览器跳转到登录页面；如果Session存在且未超时，才可访问资源。

现在Ajax在Web项目中应用广泛，几乎可以说无处不在，这就带来另外一个问题：当Ajax请求遇到Session超时，应该怎么办？

显而易见，传统的页面跳转在此已经不适用，因为Ajax请求是XMLHTTPRequest对象发起的而不是浏览器，在验证失败后的页面跳转无法反应到浏览器中，因为服务器返回（或输出）的信息被JavaScript（XMLHTTPRequest对象）接到了。

那么应该怎么处理这种情况呢？

方法

既然服务器返回的消息被XMLHTTPRequest对象接收，而XMLHTTPRequest对象又是在JavaScript的掌控之中，那么我们是否可以利用JavaScript来完成页面跳转呢？

当然可以，而且很容易实现！但有一点，我们需要判断一下HTTP请求是否为Ajax请求（因为AJAX请求和普通的请求需要分开处理），这又如何判断呢？其实Ajax请求和普通的HTTP请求是不同的，这体现在HTTP请求的头信息中，如下所示：

上面两张图片是用火狐的Firebug截取的，前者是普通的HTTP请求头信息；后者为Ajax请求的请求头信息。注意第二图片被红框圈起来的部分，这就是Ajax请求与普通请求不同的地方，AJAX请求头中带有X-Requested-With信息，其值为XMLHttpRequest，这正是我们可以利用的地方。

下面看一下代码如何实现。

如何判断一个请求是否为AJAX请求

普通请求与ajax请求的报文头不一样，通过如下

Java代码

1. StringrequestType=request.getHeader("X-Requested-With");

如果requestType能拿到值，并且值为XMLHttpRequest,表示客户端的请求为异步请求，那自然是ajax请求了，反之如果为null,则是普通的请求

Servlet过滤器

在Java Servlet规范中，我们一般使用Filter来处理这种权限问题，在请求到达目标资源之前进行拦截。

部分Filter代码：

[java] view plain copy

1. HttpSessionsession=httpRequest.getSession();
2. if(null!=session.getAttribute("curUser")){
3. chain.doFilter(request,response);
4. return;
5. }
6. /**
7. *当HTTP请求来自AJAX并且用户的Session已经超时时,这时页面会没有任何反应,因为向AJAX请求
8. *重定向或者输出一段JS实现跳转都是无法完成的.因此这里实现当上述情况发生时,向AJAX请求返
9. *回特定的标识(添加到响应对象中),可以在定义AJAX请求完成回调方法时得到这个标识,进而提示
10. *用户并完成JS跳转.
11. */
12. StringrequestType=httpRequest.getHeader("X-Requested-With");
13. if(!StringUtils.isEmpty(requestType)&&requestType.equalsIgnoreCase("XMLHttpRequest")){
14. httpResponse.setHeader("sessionstatus","timeout");
15. httpResponse.sendError(518,"sessiontimeout.");
16. return;
17. }
18. //httpResponse.sendRedirect(httpRequest.getcontextpath()+"/index.html");
19. /**
20. *由于Web端使用iframe嵌套,因此直接重定向到登录页面并不能总是完成地很完美,比如HTTP请求来自
21. *iframe对象的时候,只能让iframe加载到index.html,体验不够好;所以在这里将直接重定向改为向
22. *页面输出一段JS代码来实现使顶部window跳转到默认的登录页面.
23. */
24. StringjsCode="<scripttype='text/javascript'>"+
25. "varp=window;while(p!=p.parent){p=p.parent;}p.location.href='"+
26. httpRequest.getcontextpath()+
27. "/index.html'</script>";
28. PrintWriterwriter=httpResponse.getWriter();
29. writer.print(jsCode);
30. writer.flush();
31. writer.close();

由上面代码可以看出，当Session验证失败（即Session超时）后，我们通过HttpServletRequest取得请求头信息X-Requested-With的值，如果不为空且等于XMLHttpRequest，那么就说明此次请求是Ajax请求，我们作出的反应就是向响应中添加一条头信息（自定义）并且使响应对象HttpServletResponse返回服务器错误信息（518状态是自己随便定义的）；这些信息都会被JavaScript接收，那么下面的工作就要将由JavaScript代码了。

Javascript代码

$.ajaxSetup方法是来设置AJAX请求默认选项的，我们可以认为是全局的选项设置，因此可以将这段代码提到外部JS文件中，在需要的页面引用。

[javascript] view plain copy

1. /**
2. *设置未来(全局)的AJAX请求默认选项
3. *主要设置了AJAX请求遇到Session过期的情况
4. */
5. $.ajaxSetup({
6. type:'POST',
7. complete:function(xhr,status){
8. varsessionStatus=xhr.getResponseHeader('sessionstatus');
9. if(sessionStatus=='timeout'){
10. vartop=getTopWiNow();
11. varyes=confirm('由于您长时间没有操作,session已过期,请重新登录.');
12. if(yes){
13. top.location.href='/skynk/index.html';
14. }
15. }
16. }
17. });
19. /**
20. *在页面中任何嵌套层次的窗口中获取顶层窗口
21. *@return当前页面的顶层窗口对象
22. */
23. functiongetTopWiNow(){
24. varp=window;
25. while(p!=p.parent){
26. p=p.parent;
27. }
28. returnp;
29. }

这里的JavaScript代码使用了JQuery，其实道理是一样的，不用JQuery也一样处理：在请求完成的回调函数中通过XMLHTTPRequest对象得到响应头sessionstatus的值（也就是我们在Filter中设置的），如果值不为空且等于我们在Filter中设置的字符串，那么提示用户Session已经过期，询问是否需要跳转到登录页面；当用户点击的了“确定“按钮，那么我们就将浏览器重定向到登录页面。

至此，也就完成了上面提出的问题。

需要注意的是，ajaxSetup中的complete的function需要在一般ajax请求的success方法处理return后才处理

更多