`
从此醉
  • 浏览: 1044332 次
  • 性别: Icon_minigender_1
  • 来自: US
社区版块
存档分类
最新评论

DWZ(JUI) 教程 Ajax请求session超时处理流程

 
阅读更多
1)SessionValidateFilter统一验证session是否超时
2)SessionValidateFilter中判断请求是否为ajax请求
3)ajax请求session超时返回一个json {"statusCode":"301", "message":"Session Timeout! Please re-sign in!"}

4)dwz js框架根据statusCode==301,处理是跳转到登陆页面或者弹出登录dialog


java服务器端处理:
SessionValidateFilter中修改:

  1. if("XMLHttpRequest".equalsIgnoreCase(request.getHeader("X-Requested-With"))||request.getParameter("ajax")!=null){
  2. PrintWriterout=response.getWriter();
  3. out.println({"statusCode":"301","message":"SessionTimeout!Pleasere-signin!"});
  4. }else{
  5. response.sendRedirect(response.encodeRedirectURL(this.loginUrl+java.net.URLEncoder.encode(backToUrl,"UTF-8")));
  6. }

js客户端处理:

session超时跳转到登陆页面还是弹出登录dialog,在DWZ UI初始化时设置:

  1. <scripttype="text/javascript">
  2. $(function(){
  3. DWZ.init("dwz.frag.xml",{
  4. //loginUrl:"loginsub.html",loginTitle:"登录",//弹出登录对话框
  5. loginUrl:"login.html",//跳到登录页面
  6. statusCode:{ok:200,error:300,timeout:301},//【可选】
  7. pageInfo:{pageNum:"pageNum",numPerPage:"numPerPage",orderField:"orderField",orderDirection:"orderDirection"},//【可选】
  8. debug:false,//调试模式【true|false】
  9. callback:function(){
  10. initEnv();
  11. $("#themeList").theme({themeBase:"themes"});
  12. }
  13. });
  14. });
  15. </script>

ajax load页面碎片处理:

ajax请求统一使用dwz的loadUrl()方法,不能使用jquery自带的load().
当客户端调用loadUrl()并且session超时了,跳转到登陆页面或者弹出登录dialog。
session超时弹出登录dialog注意事项:
用一个带屏蔽层的dialog覆盖的整个浏览器.这时浏览器窗口内容不能变,只是上面加了一个登录框和一个背景层。
当用户输入username and password登录成功后,去掉登录框和背景层.这时用户可以继续操作.
登录失败alert出错信息,浏览器窗口内容还是不变.
参考dwz.core.js代码片段
  1. loadUrl:function(url,data,callback){
  2. var$this=$(this);
  3. $.ajax({
  4. type:'POST',
  5. url:url,
  6. cache:false,
  7. data:data,
  8. success:function(response){
  9. varjson=DWZ.jsonEval(response);
  10. if(json.statusCode==DWZ.statusCode.timeout){
  11. alertMsg.error(DWZ.msg("sessionTimout"),{okCall:function(){
  12. DWZ.loadLogin();
  13. }});
  14. }if(json.statusCode==DWZ.statusCode.error){
  15. if(json.message)alertMsg.error(json.message);
  16. }else{
  17. $this.html(response).initUI();
  18. if($.isFunction(callback))callback(response);
  19. }
  20. },
  21. error:DWZ.ajaxError
  22. });
  23. }

ajax post 表单数据处理:

当客户端ajax提交表单超原理同ajax load
参考dwz.core.js代码片段
  1. ajaxDone:function(json){
  2. if(json.statusCode==DWZ.statusCode.error){
  3. if(json.message&&alertMsg)alertMsg.error(json.message);
  4. }elseif(json.statusCode==DWZ.statusCode.timeout){
  5. if(json.message&&alertMsg)alertMsg.error(json.message,{okCall:DWZ.loadLogin});
  6. elseDWZ.loadLogin();
  7. }else{
  8. if(json.message&&alertMsg)alertMsg.correct(json.message);
  9. };
  10. }

注意事项:
ajax请求session超时服务器端返回一个json就可以了,其他的就交给dwz js框架来处理,服务器端只要做到ajax请求session超时返回如下json就可以了:
  1. {"statusCode":"301","message":"SessionTimeout!Pleasere-signin!"}
  2. 
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics