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

DWZ-Java框架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中修改:    javascript

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

-------------------------------------------------------------------
js客户端处理:
session超时跳转到登录页面仍是弹出登陆dialog,在DWZ UI初始化时设置:html

复制代码
< script type = " 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代码片断java

  

复制代码
  loadUrl: function (url,data,callback){ var $ this = $( this ); $.ajax({ type: ' POST ' , url: url, cache: false , data: data, success: function (response){ var json = 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代码片断jquery

复制代码
  ajaxDone: function (json){ if (json.statusCode == DWZ.statusCode.error) { if (json.message && alertMsg) alertMsg.error(json.message); } else if (json.statusCode == DWZ.statusCode.timeout) { if (json.message && alertMsg) alertMsg.error(json.message, {okCall:DWZ.loadLogin}); else DWZ.loadLogin(); } else { if (json.message && alertMsg) alertMsg.correct(json.message); }; }
复制代码

-------------------------------------------------------------------
注意事项:     ajax请求session超时服务器端返回一个json就能够了,其余的就交给dwz js框架来处理,服务器端只要作到ajax请求session超时返回以下json就能够了:ajax

{ " statusCode " : " 301 " , " message " : " Session Timeout! Please re-sign in! " }
相关文章
相关标签/搜索