首頁 >web前端 >js教程 >ajax訪問到Session失效如何處理

ajax訪問到Session失效如何處理

php中世界最好的语言
php中世界最好的语言原創
2018-04-04 13:51:081540瀏覽

這次帶給大家ajax訪問到Session失效如何處理,處理ajax訪問到Session失效的注意事項有哪些,下面就是實戰案例,一起來看一下。

最近由於一個項目,模組切換為ajax請求數據,當Session失效後,ajax請求後沒有返回值,只有響應的html:

現在Ajax在Web專案中應用廣泛,幾乎可以說無所不在,這就帶來另一個問題:當Ajax請求遇到Session超時,該怎麼辦?

顯而易見,傳統的頁面跳轉在此已經不適用,因為Ajax請求是XMLHTTPRequest物件發起的而不是瀏覽器,在驗證失敗後的頁面跳轉無法反應到瀏覽器中,因為伺服器返回(或輸出)的資訊被JavaScript(XMLHTTPRequest物件)接到了。

那麼該怎麼處理這種情況呢?

方法

既然伺服器傳回的訊息被XMLHTTPRequest物件接收,而XMLHTTPRequest物件又是在JavaScript的掌控之中,那麼我們是否可以利用JavaScript來完成頁面跳躍呢?

當然可以,而且很容易實現!但有一點,我們需要判斷HTTP請求是否為Ajax請求(因為AJAX請求和普通的請求需要分開處理),這又如何判斷呢?其實Ajax請求和普通的HTTP請求是不同的,這體現在HTTP請求的頭資訊中,如下所示:

上面兩張圖片是用火狐的Firebug截取的,前者是普通的HTTP請求頭資訊;後者為Ajax請求的請求頭資訊。注意第一張圖片被紅框圈起來的部分,這就是Ajax請求與普通請求不同的地方,AJAX請求頭中帶有X-Requested-With訊息,其值為XMLHttpRequest,這正是我們可以利用的地方。

下面看一下程式碼如何實作。

Interceptor過濾器

在使用Struts2時,我們一般會使用Interceptor(攔截器)來攔截權限問題。

攔截器部分程式碼:

public String intercept(ActionInvocation invocation) throws Exception {
    // TODO Auto-generated method stub
    ActionContext ac = invocation.getInvocationContext();
    HttpServletRequest request = (HttpServletRequest) ac.get(StrutsStatics.HTTP_REQUEST);
    String requestType = request.getHeader("X-Requested-With");
    System.out.println("+++++++++++++++++++++++reqestType:"+requestType);
    HttpServletResponse response = (HttpServletResponse) ac.get(StrutsStatics.HTTP_RESPONSE);
//    String basePath = request.getContextPath();
    String path = request.getContextPath(); 
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path; 
    //获取session
    Map session = ac.getSession();
    //判断session是否存在及session中的user信息是否存在,如果存在不用拦截
    if(session != null && session.get(Constants.FE_SESSION_BG_USER) != null && session.get(Constants.FE_SESSION_BG_AUTH) != null){
      System.out.println(invocation.getProxy().getActionName()+"++++++++++++++++++++++++");
      System.out.println("namespace:"+invocation.getProxy().getNamespace());
      //访问路径
      String visitURL = invocation.getProxy().getNamespace() + "/" + invocation.getProxy().getActionName() + Constants.FE_STRUTS_ACTION_EXTENSION;
      visitURL = visitURL.substring(1);
      Map<String , Object> authMap = (Map<String, Object>) session.get(Constants.FE_SESSION_BG_AUTH);
      Map<Integer, String> actionMap = (Map<Integer, String>) authMap.get(Constants.FE_BG_ACTIONMAP);
      if(actionMap != null && !actionMap.isEmpty() && visitURL != null){
        if (actionMap.containsValue(visitURL)) {
          System.out.println(visitURL+"-----------------------");
          return invocation.invoke();
        } else{
          String forbidden = basePath + Constants.FE_BG_FORBIDDEN;
          response.sendRedirect(forbidden);
          return null;
        }
      }
      return invocation.invoke();
    }else{
      if(StringUtils.isNotBlank(requestType) && requestType.equalsIgnoreCase("XMLHttpRequest")){
        response.setHeader("sessionstatus", "timeout"); 
        response.sendError(518, "session timeout."); 
        return null;
      }else {
        
        String actionName = invocation.getProxy().getActionName();
        System.out.println(actionName);
        //如果拦截的actionName是loginUI或login,则不做处理,否则重定向到登录页面
        if (StringUtils.isNotBlank(actionName) && actionName.equals(Constants.FE_BG_LOGINUI)) {
          return invocation.invoke();
        }else if(StringUtils.isNotBlank(actionName) && actionName.equals(Constants.FE_BG_LOGIN)){
          return invocation.invoke();
        }else{
          String login = basePath + "/" + Constants.FE_BG_LOGIN_NAMESPACE + "/" + Constants.FE_BG_LOGINUI + Constants.FE_STRUTS_ACTION_EXTENSION;
//        System.out.println("+++++++++++++++++++++++++++basePath:"+basePath);
//        response.sendRedirect(login);
          PrintWriter out = response.getWriter();
//        out.println("<html>"); 
//        out.println("<script>"); 
//        out.println("window.open ('"+login+"','_top');"); 
//        out.println("</script>"); 
//        out.println("</html>");
          out.write("<html><script type=&#39;text/javascript&#39;>window.open('"+login+"','_top');</script></html>");
          return null;
        }
      }
    }
    
  }

由上面程式碼可以看出,當Session驗證失敗(即Session逾時)後,我們透過HttpServletRequest取得請求頭資訊X -Requested-With的值,如果不為空且等於XMLHttpRequest,那麼就說明此次請求是Ajax請求,我們作出的反應就是向響應中添加一條頭信息(自定義)並且使響應對象HttpServletResponse返回伺服器錯誤訊息(518狀態是自己隨便定義的);這些資訊都會被JavaScript接收,那麼下面的工作就要將由JavaScript程式碼了。

Javascript程式碼

$.ajaxSetup方法是來設定AJAX請求預設選項的,我們可以認為是全域的選項設置,因此可以將這段程式碼提到外部JS文件中,在需要的頁面引用。

/**
 * 设置未来(全局)的AJAX请求默认选项
 * 主要设置了AJAX请求遇到Session过期的情况
 */
$.ajaxSetup({
  type: 'POST',
  complete: function(xhr,status) {
    var sessionStatus = xhr.getResponseHeader('sessionstatus');
    if(sessionStatus == 'timeout') {
      var top = getTopWinow();
      var yes = confirm('由于您长时间没有操作, session已过期, 请重新登录.');
      if (yes) {
        top.location.href = '/skynk/index.html';      
      }
    }
  }
});
/**
 * 在页面中任何嵌套层次的窗口中获取顶层窗口
 * @return 当前页面的顶层窗口对象
 */
function getTopWinow(){
  var p = window;
  while(p != p.parent){
    p = p.parent;
  }
  return p;
}

我相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

Ajax實作檔案上傳帶進度條效果功能

AjaxToolKit怎麼使用Rating控制項

以上是ajax訪問到Session失效如何處理的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn