码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-08-21 12:55:14      阅读:187      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   color   java   使用   io   文件   

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

 
最近在开发中遇到这样的问题,当Session过期后,通过拦截器判断过期并通过response.sendRedirect(request.getServletContext()+"/login.jsp")重定位到登录界面,但是因为大部分前后台的交互是通过Ajax进行的异步请求,这种做法只能是该请求没有任何的实际相应,但是不能重定位到登录界面。
 
然后就想能不能对异步请求,在其返回的时候进行统一的前端拦截,判断如果responseText符合{timeout: true, redirectUri:‘/ServletContext/login.jsp‘},也就是说timeout为true则自动重定位到redirectUri对应的页面。
 
通过网上查找找到如下解决方案:
鉴于一下两个特性:
1、Ext.Ajax是单实例对象(非常重要,全局单一Ext.Ajax实例!) 
2、注册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 });

     


本文档参考了lym6520viczhu的思路,感谢。
   





ExtJS以及JQuery异步请求Session过期解决方案,布布扣,bubuko.com

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

标签:style   blog   http   color   java   使用   io   文件   

原文地址:http://www.cnblogs.com/boulder/p/3926835.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!