脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-jquery ajax方法调用在session超时以后怎么跳转到登录页面？，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。
jquery ajax方法调用在session超时以后如何跳转到登录页面?
session超时以后虽然被过滤器过滤到了，但是并不会跳转到登录页面请求具体的解决方法。
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');
}
}
}
});
这样就搞定了。
觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！
以上是脚本宝典为你收集整理的javascript代码实例教程-jquery ajax方法调用在session超时以后怎么跳转到登录页面？全部内容，希望文章能够帮你解决javascript代码实例教程-jquery ajax方法调用在session超时以后怎么跳转到登录页面？所遇到的问题。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。