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中修改:
- if("XMLHttpRequest".equalsIgnoreCase(request.getHeader("X-Requested-With"))||request.getParameter("ajax")!=null){
- PrintWriterout=response.getWriter();
- out.println({"statusCode":"301","message":"SessionTimeout!Pleasere-signin!"});
- }else{
- response.sendRedirect(response.encodeRedirectURL(this.loginUrl+java.net.URLEncoder.encode(backToUrl,"UTF-8")));
- }
js客户端处理:
session超时跳转到登陆页面还是弹出登录dialog,在DWZ UI初始化时设置:
- <scripttype="text/javascript">
- $(function(){
- DWZ.init("dwz.frag.xml",{
- //loginUrl:"loginsub.html",loginTitle:"登录",//弹出登录对话框
- loginUrl:"login.html",//跳到登录页面
- statusCode:{ok:200,error:300,timeout:301},//【可选】
- pageInfo:{pageNum:"pageNum",numPerPage:"numPerPage",orderField:"orderField",orderDirection:"orderDirection"},//【可选】
- debug:false,//调试模式【true|false】
- callback:function(){
- initEnv();
- $("#themeList").theme({themeBase:"themes"});
- }
- });
- });
- </script>
ajax load页面碎片处理:
ajax请求统一使用dwz的loadUrl()方法,不能使用jquery自带的load().
当客户端调用loadUrl()并且session超时了,跳转到登陆页面或者弹出登录dialog。
session超时弹出登录dialog注意事项:
用一个带屏蔽层的dialog覆盖的整个浏览器.这时浏览器窗口内容不能变,只是上面加了一个登录框和一个背景层。
当用户输入username and password登录成功后,去掉登录框和背景层.这时用户可以继续操作.
登录失败alert出错信息,浏览器窗口内容还是不变.
参考dwz.core.js代码片段
- loadUrl:function(url,data,callback){
- var$this=$(this);
- $.ajax({
- type:'POST',
- url:url,
- cache:false,
- data:data,
- success:function(response){
- varjson=DWZ.jsonEval(response);
- if(json.statusCode==DWZ.statusCode.timeout){
- alertMsg.error(DWZ.msg("sessionTimout"),{okCall:function(){
- DWZ.loadLogin();
- }});
- }if(json.statusCode==DWZ.statusCode.error){
- if(json.message)alertMsg.error(json.message);
- }else{
- $this.html(response).initUI();
- if($.isFunction(callback))callback(response);
- }
- },
- error:DWZ.ajaxError
- });
- }
ajax post 表单数据处理:
当客户端ajax提交表单超原理同ajax load
参考dwz.core.js代码片段
- ajaxDone:function(json){
- if(json.statusCode==DWZ.statusCode.error){
- if(json.message&&alertMsg)alertMsg.error(json.message);
- }elseif(json.statusCode==DWZ.statusCode.timeout){
- if(json.message&&alertMsg)alertMsg.error(json.message,{okCall:DWZ.loadLogin});
- elseDWZ.loadLogin();
- }else{
- if(json.message&&alertMsg)alertMsg.correct(json.message);
- };
- }
注意事项:
ajax请求session超时服务器端返回一个json就可以了,其他的就交给dwz js框架来处理,服务器端只要做到ajax请求session超时返回如下json就可以了:
- {"statusCode":"301","message":"SessionTimeout!Pleasere-signin!"}
-