Ajax请求session超时处理流程（DWZ）

小组 / DWZ富客户端框架(jUI)» 新建话题

• 

  回复:2 浏览:3274

  Ajax请求session超时处理流程（DWZ）

  2011-04-12 16:47 来自 zhanghuihua

   

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

   

  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初始化时设置：

   

  <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代码片段

    

  　　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代码片段

  　　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});
  else DWZ.loadLogin();
  } else {
  if(json.message && alertMsg) alertMsg.correct(json.message);
  };
  }

   

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

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

  收藏

• 上一话题：求助下！急， 使用 查找带回时 如何能带回 我所有分页上的选中的值
• 下一话题：dwz(jQuery RIA framework) v1.2视频教程

• 

  2013-05-20 20:13 coreahan

  SessionValidateFilter中修改： 这个在哪里啊？

  回复 第1楼 
• 

  2013-08-12 16:29 依旧丶

  服务端：SessionValidateFilter在哪？自己创建一个过滤器吗？request.getHeader 引用的是哪个包呢？为什么不把整个类贴出来？求解啊！