jquery ajax方法调用在session超时以后如何跳转到登录页面?

jquery ajax方法调用在session超时以后如何跳转到登录页面? 

session超时以后虽然被过滤器过滤到了,但是并不会跳转到登录页面请求具体的解决方法。 

我参考了这篇文章,但是我调用ajaxStart不起作用。 

http://www.blogjava.net/vickzhu/archive/2009/06/05/280223.html 

ext jquery 用户访问超时(ext session过期) 

解决两种情况下的用户访问超时。 
a)普通http请求的session超时。 
b)异步http请求的session超时,使用ext后大部分的界面刷新都是异步的ajax请求。 

不管是那种类型的http请求总是可以由一个过滤器来捕捉。 
分类:普通http请求的header参数中没有x-requested-with:XMLHttpRequest头信息,而异步的有。 
其实对于常见的ajax框架,header中还有标示自己身份的header信息。 

对于普通的http请求,发现session超时后直接重定向到一个超时页面,显示访问超时。 
对于异步http请求,发现session超时后则向请求的response中写入特定的超时头信息,客户端ajax对象检测 
头信息,发现有超时状态标志后调用显示超时信息的javascript方法,提示用户访问超时。 

服务器端session超时后在过滤器中为response添加新的头信息,标记该请求超时: 

if(r.getHeader("x-requested-with")!=null 
&& r.getHeader("x-requested-with").equalsIgnoreCase("XMLHttpRequest")){ 
response.setHeader("sessionstatus","timeout"); 

使用Ext.Ajaxt对象完成异步请求的交互,Ext.Ajax是单实例对象(非常重要,全局单一Ext.Ajax实例!)。 
注册Ext.Ajax的requestcomplete事件,每个ajax请求成功后首先响应该事件。在该事件的回调函数里面判断 
访问请求是否超时。使用Ext.Ajax对象的好处是,只需要引入一个包含了几行超时处理代码的js文件,就可以 
为当前应用增加超时处理功能,原有代码不需要做任何修改。 


使用Ext.Ajaxt对象完成异步请求交互,假如checkUserSessionStatus是你的回调方法,每个页面引用: 

Ext.Ajax.on('requestcomplete',checkUserSessionStatus, this); 
function checkUserSessionStatus(conn,response,options){ 
//Ext重新封装了response对象 
if(typeof response.getResponseHeader.sessionstatus != 'undefined'){ 
//发现请求超时,退出处理代码... 


可以利用的几个特性:a)所有的ajax请求均带有x-requested-with:XMLHttpRequest头信息b)Ext.Ajax是单实例对象(非常重要,全局单一Ext.Ajax实例!)c)注册Ext.Ajax的requestcomplete事件,每个ajax请求成功后首先响应该事件(概念类似spring的aop拦截)。 
jquery提供了几个全局事件可以用来处理session过期请求,如当ajax请求开始时会触发ajaxStart()方法的回调函数;当ajax请求结束时,会触发ajaxStop()方法的回调函数。这些方法都是全局的方法,因此无论创建它们的代码位于何处,只要有ajax请求发生时,都会触发它们。类似的事件还有:ajaxComplete(),ajaxError(),ajaxSend(),ajaxSuccess()等。 
如果使某个ajax请求不受全局方法的影响,那么可以在使用$.ajax()方法时,将参数中的global设置为false,jquery代码如下:$.ajax({ url:"test.html", global:false//不触发全局ajax事件}) 
对于其他的ajax框架,解决用户访问请求超时这个问题的思路是类似的。 


问题补充:
myali88 写道
这篇文章讲的方法可行啦,是不是作者自己的代码有问题?


java代码: 

当用户session过期时: 

if(request.getHeader("x-requested-with")!=null 
&&request.getHeader("x-requested-with").equalsIgnoreCase("XMLHttpRequest")){ 
PrintWriter printWriter = response.getWriter(); 
printWriter.print("{sessionState:0}"); 
printWriter.flush(); 
printWriter.close(); 


js部分的代码: 

/** 
设置jquery的ajax全局请求参数 
*/ 
$.ajaxSetup({ 
contentType:"application/x-www-form-urlencoded;charset=utf-8", 
timeout:5, 
cache:false, 
complete:function(XMLHttpRequest,textStatus){ 
var resText=XMLHttpRequest.responseText; 
if(resText!=null&&resText!=""){ 
var res=eval("(" + resText + ")"); 
if(res.sessionState==0){ 
window.open(jsContextPath+'/login.jsp','_top'); 






}); 

但是这样在session未过期的时候,ajax请求会导致一些错误。 

我究竟应该用jquery的哪个方法呢?

问题补充:
myali88 写道
引用
但是这样在session未过期的时候,ajax请求会导致一些错误。

导致的错误是什么?



找到错误了,这句代码出错了 
var res=eval("(" + resText + ")"); 
因为项目中使用了easyui,有些页面是easyui调用的,整个页面也认为是一个ajax请求了,但是整个页面并不是 json格式。 



$.ajaxSetup({ 
contentType:"application/x-www-form-urlencoded;charset=utf-8", 
timeout:pageTimeout, 
cache:false 

complete:function(XHR,TS){ 
var resText=XHR.responseText; 
if(resText=="{sessionState:0}"){ 
var nav=judgeNavigator(); 
if(nav.indexOf("IE:6")>-1){ 
window.opener=null; 
window.close(); 
window.open(jsContextPath+'/login.jsp',''); 
}else{ 
window.open(jsContextPath+'/login.jsp','_top'); 



}); 


这样就搞定了。 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值