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中修改：

   

[html] view plain copy

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

js客户端处理：

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

 

[html] view plain copy

1. <script type="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代码片段

[html] view plain copy

1. loadUrl: function(url,data,callback){  
2. var $this = $(this);  
3.   
4. $.ajax({  
5. type: 'POST',  
6. url: url,  
7. cache: false,  
8. data: data,  
9. success: function(response){  
10. var json = DWZ.jsonEval(response);  
11. if (json.statusCode==DWZ.statusCode.timeout){  
12. alertMsg.error(DWZ.msg("sessionTimout"), {okCall:function(){  
13. DWZ.loadLogin();  
14. }});  
15. } if (json.statusCode==DWZ.statusCode.error){  
16. if (json.message) alertMsg.error(json.message);  
17. } else {  
18. $this.html(response).initUI();  
19. if ($.isFunction(callback)) callback(response);  
20. }  
21. },  
22. error: DWZ.ajaxError  
23. });  
24. }  

ajax post 表单数据处理：
   
    当客户端ajax提交表单超原理同ajax load
    参考dwz.core.js代码片段

[html] view plain copy

1. ajaxDone:function (json){  
2.         if(json.statusCode == DWZ.statusCode.error) {  
3.             if(json.message && alertMsg) alertMsg.error(json.message);  
4.         } else if (json.statusCode == DWZ.statusCode.timeout) {  
5.             if(json.message && alertMsg) alertMsg.error(json.message, {okCall:DWZ.loadLogin});  
6.             else DWZ.loadLogin();  
7.         } else {  
8.             if(json.message && alertMsg) alertMsg.correct(json.message);  
9.         };  
10.     }  

注意事项：
    ajax请求session超时服务器端返回一个json就可以了，其他的就交给dwz js框架来处理，服务器端只要做到ajax请求session超时返回如下json就可以了:

[html] view plain copy

1. {"statusCode":"301", "message":"Session Timeout! Please re-sign in!"}  
2.   
3.