AJax技术

extjs的几个技巧,解决ajax请求时用户session超时有关问题

字号+ 作者:H5之家 来源:H5之家 2017-08-20 09:02 我要评论( )

extjs的几个技巧,解决ajax请求时用户session超时问题 解决两种情况下的用户访问超时。 a)普通http请求的session超时。 b)异步http请求的session超时,使用ext

"extjs的几个技巧,解决ajax请求时用户session超时有关问题": extjs的几个技巧,解决ajax请求时用户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添加新的头信息,标记该请求超时:

js代码
if(r.getheader("x-requested-with")!=null     
     && r.getheader("x-requested-with").equalsignorecase("xmlhttprequest")){    
     response.setheader("sessionstatus","timeout");    
}  

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对象的好处是,只需要引入一个

此文来自:

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • AJAX编程技巧:amp;quot;文档的顶层无效amp;quot;的错误处理?

    AJAX编程技巧:amp;quot;文档的顶层无效amp;quot;的错误处理?

    2017-08-20 09:02

  • [APICloud | APP开发技巧]api.ajax请求耗时测试用例

    [APICloud | APP开发技巧]api.ajax请求耗时测试用例

    2017-08-19 18:01

  •  Ajax的惯用技巧(3)-实现自动刷新页面

    Ajax的惯用技巧(3)-实现自动刷新页面

    2017-08-19 17:04

  • JavaScript/Ajax开发技巧

    JavaScript/Ajax开发技巧

    2017-08-19 13:00

网友点评