ExtJS以及JQuery异步请求Session过时解决方案

ExtJS以及JQuery异步请求Session过时解决方案

 

最近在开发中遇到这样的问题，当Session过时后，经过拦截器判断过时并经过response.sendRedirect(request.getServletContext()+"/login.jsp")重定位到登陆界面，可是由于大部分先后台的交互是经过Ajax进行的异步请求，这种作法只能是该请求没有任何的实际相应，可是不能重定位到登陆界面。

 

而后就想能不能对异步请求，在其返回的时候进行统一的前端拦截，判断若是responseText符合{timeout: true, redirectUri:'/ServletContext/login.jsp'}，也就是说timeout为true则自动重定位到redirectUri对应的页面。

 

经过网上查找找到以下解决方案：

鉴于一下两个特性：

一、Ext.Ajax是单实例对象（很是重要，全局单一Ext.Ajax实例！） 

二、注册Ext.Ajax的requestcomplete事件，每一个ajax请求成功后首先响应该事件（概念相似spring的aop拦截）。

首先在公用的脚本文件里增长以下两端内容：

1.  1 //经过Ext封装的ajax请示时，默认增长请求头
    2 //或者可使用全部ajax请求都带有的x-request-with:XMLHttpRequest头信息
    3 //若是既有Ext又有Jquery并且要区分处理，则须要这种方式
    4 Ext.Ajax.defaultHeaders = {
    5     'Request-By': 'Ext'    //标识ajax请求
    6 };
    7 //当响应时，自动拦截并判断若是符合timeout为true就重定位到redirectUri
    8 Ext.Ajax.on('requestcomplete',checkSessionStatus, this);         
    9 function checkSessionStatus(conn,response,options){
   10     var json = Ext.decode(response.responseText);
   11     if(typeof json == 'object' 
   12         && json.timeout){
   13         Ext.Msg.alert("提示","登入超时,系统将自动跳转到登录页面,请从新登入!",function(){
   14             top.window.location.href = json.redirectUri;
   15         });
   16     }      
   17 } 

    

后台拦截器进行以下修改：

1.  1 String vsResuqestBy = request.getHeader("Request-By");
    2 String redirectUri = request.getContextPath() + "/login.jsp";
    3 //若是是Ext的ajax请求则返回响应{"timeout":true,"redirectUri":"/ServletContext/login.jsp"}
    4 //不然，则直接重定为到login.jsp
    5 if(vsResuqestBy != null && "Ext".endsWith(vsResuqestBy)){
    6     response.getWriter().write("{\"timeout\":true,\"redirectUri\":\""+redirectUri+"\"}");
    7 }
    8 else{
    9     response.sendRedirect(redirectUri);
   10 }  

    

OK，到此问题解决，考虑到还有一个项目是jquery的，因此也顺便研究了一下，解决思路以下，只描述出前台的，后台跟上面相似，就不赘述了。

前台Jquery在公共脚本文件中增长：

1.  1 $.ajaxSetup({
    2     headers: {
    3         'Request-By': 'Jquery'
    4     }
    5 });
    6 
    7 $.ajaxComplete(function(event,xhr,settings){
    8     var json = eval('('+xhr.responseText+')');
    9     if(typeof json == 'object' 
   10         && json.timeout){
   11         alert("登入超时,系统将自动跳转到登录页面,请从新登入!");
   12         top.window.location.href = json.redirectUri;
   13     } 
   14 });

    

   


本文档参考了 lym6520 和 viczhu 的思路，感谢。

    

来自为知笔记(Wiz)