Extjs中ajax请求当session失效时自动跳转

当session失效时，我们可以通过filter来拦截并重定向到登陆页面，可是请求如果是ajax请求，页面并不会重定向，这是因为ajax返回的是数据，无法返回页面。
ajax异步请求不同于其他请求，其在请求头里包含有X-Requested-With:XMLHttpRequest，看下面两张图的区别。
我们可以在filter中通过它来判断一个请求是不是异步的，如果是，我们可以返回一个sessionstatus，在页面上通过判断sessionstatus的值来判断session是否失效。
第一张是普通请求：



第二张是ajax的



可是，如果每个ajax都这样写，工作量也是很大的。
由于我使用的是Extjs，而Ext的ajax是单例的，这样我们可以单独写一个js文件，在里边写入session超时验证的代码，其他页面只要引入这个js就可以了。
下面看代码，首先是filter:
import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;

public class SessionFilter implements Filter {
public void destroy() {
}
public void doFilter(ServletRequest request, ServletResponse response,
FilterChain chain) throws IOException, ServletException {
HttpServletRequest httpRequest = (HttpServletRequest) request;
HttpServletResponse httpResponse = (HttpServletResponse) response;
HttpSession session = httpRequest.getSession();

String url = httpRequest.getRequestURI();
String path = url.substring(url.lastIndexOf("/"));
if (check(path)&& session.getAttribute("user") == null) {
// 拦截ajax
if (httpRequest.getHeader("x-requested-with") != null
&& httpRequest.getHeader("x-requested-with")
.equalsIgnoreCase("XMLHttpRequest")) {
httpResponse.addHeader("sessionstatus", "timeout");
chain.doFilter(request, response);// 不可少，否则请求会出错
}else {
String str = "<script language='javascript'>alert('会话过期,请重新登录');"
+ "window.top.location.href=index.jsp'"
+ "';</script>";
response.setContentType("text/html;charset=UTF-8");// 解决中文乱码
try {
PrintWriter writer = response.getWriter();
writer.write(str);
writer.flush();
writer.close();
} catch (Exception e) {
e.printStackTrace();
}
}

} else {
chain.doFilter(request, response);
}
}
/**
* 判断该路径是否要拦截：true【是】
* @param path
* @return
*/
public boolean check(String path){
if(path.indexOf("login") != -1||path.indexOf("logout") != -1) //不拦截登入登出
return false;
return true;
}
@Override
public void init(FilterConfig arg0) throws ServletException {
// TODO Auto-generated method stub
}
}
然后是web.xml中的配置：

<filter>
<filter-name>sessionFilter</filter-name>
<filter-class>com.web.helper.session.SessionFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>sessionFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>下面是ajax超时验证的代码[ajax_timeout.js]，页面引入该js后，每次ajax请求都会调用这段代码

// ajax回调函数处理session过期
Ext.Ajax.on('requestcomplete',checkUserSessionStatus, this);
function checkUserSessionStatus(conn,response,options){
var status = response.getResponseHeader("sessionstatus");
//Ext重新封装了response对象
if(status=="timeout"){
window.location.href="index.jsp";
}
} -  - -  - - - - - -  - - - -  - -  - - -  - - - -  - - - -  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
后来发现如果代码中还是用了form的submit提交进行上传,这个submit的返回值接收不到，这是因为ajax和submit的返回值不同：



我们要做不同的处理：
// ajax回调函数处理session过期
Ext.Ajax.on('requestcomplete',checkUserSessionStatus, this);
function checkUserSessionStatus(conn,response,options){
console.info(response);
console.info(response.status);
if(response.status==undefined){
//解决表单提交不响应的问题
}else{
var status = response.getResponseHeader("sessionstatus");
//Ext重新封装了response对象
if(status=="timeout"){
window.location.href="index.jsp";
}
}
}