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);
  } 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就可以了:

  { " 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 引用的是哪个包呢？为什么不把整个类贴出来？求解啊！