完美解決ajax訪問遇到Session失效的問題-js教程-PHP中文網

首頁

web前端

js教程

完美解決ajax訪問遇到Session失效的問題

亚连

May 23, 2018 pm 05:28 PM

ajax訪問遇到

下面我就為大家帶來一篇完美解決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 (&#39;"+login+"&#39;,&#39;_top&#39;);"); 
//        out.println("</script>"); 
//        out.println("</html>");
          out.write("<html><script type=&#39;text/javascript&#39;>window.open(&#39;"+login+"&#39;,&#39;_top&#39;);</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: &#39;POST&#39;,
  complete: function(xhr,status) {
    var sessionStatus = xhr.getResponseHeader(&#39;sessionstatus&#39;);
    if(sessionStatus == &#39;timeout&#39;) {
      var top = getTopWinow();
      var yes = confirm(&#39;由于您长时间没有操作, session已过期, 请重新登录.&#39;);
      if (yes) {
        top.location.href = &#39;/skynk/index.html&#39;;      
      }
    }
  }
});
/**
 * 在页面中任何嵌套层次的窗口中获取顶层窗口
 * @return 当前页面的顶层窗口对象
 */
function getTopWinow(){
  var p = window;
  while(p != p.parent){
    p = p.parent;
  }
  return p;
}

上面是我整理給大家的，希望未來會對大家有幫助。

ajax內部值外部呼叫不了的原因及解決方法

使用Nginx 反向代理來避免ajax 跨網域請求的方法

全面解析Ajax綜合應用程式

以上是完美解決ajax訪問遇到Session失效的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

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

JavaScript的角色：使網絡交互和動態Apr 24, 2025 am 12:12 AM

JavaScript是現代網站的核心，因為它增強了網頁的交互性和動態性。 1)它允許在不刷新頁面的情況下改變內容，2)通過DOMAPI操作網頁，3)支持複雜的交互效果如動畫和拖放，4)優化性能和最佳實踐提高用戶體驗。

C和JavaScript：連接解釋Apr 23, 2025 am 12:07 AM

C 和JavaScript通過WebAssembly實現互操作性。 1）C 代碼編譯成WebAssembly模塊，引入到JavaScript環境中，增強計算能力。 2）在遊戲開發中，C 處理物理引擎和圖形渲染，JavaScript負責遊戲邏輯和用戶界面。

從網站到應用程序：JavaScript的不同應用Apr 22, 2025 am 12:02 AM

JavaScript在網站、移動應用、桌面應用和服務器端編程中均有廣泛應用。 1)在網站開發中，JavaScript與HTML、CSS一起操作DOM，實現動態效果，並支持如jQuery、React等框架。 2)通過ReactNative和Ionic，JavaScript用於開發跨平台移動應用。 3)Electron框架使JavaScript能構建桌面應用。 4)Node.js讓JavaScript在服務器端運行，支持高並發請求。

Python vs. JavaScript：比較用例和應用程序Apr 21, 2025 am 12:01 AM

Python更適合數據科學和自動化，JavaScript更適合前端和全棧開發。 1.Python在數據科學和機器學習中表現出色，使用NumPy、Pandas等庫進行數據處理和建模。 2.Python在自動化和腳本編寫方面簡潔高效。 3.JavaScript在前端開發中不可或缺，用於構建動態網頁和單頁面應用。 4.JavaScript通過Node.js在後端開發中發揮作用，支持全棧開發。

C/C在JavaScript口譯員和編譯器中的作用Apr 20, 2025 am 12:01 AM

C和C 在JavaScript引擎中扮演了至关重要的角色，主要用于实现解释器和JIT编译器。1）C 用于解析JavaScript源码并生成抽象语法树。2）C 负责生成和执行字节码。3）C 实现JIT编译器，在运行时优化和编译热点代码，显著提高JavaScript的执行效率。

JavaScript在行動中：現實世界中的示例和項目Apr 19, 2025 am 12:13 AM

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用，涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。

JavaScript和Web：核心功能和用例Apr 18, 2025 am 12:19 AM

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互；2)在用戶提交數據前進行客戶端驗證，提高用戶體驗；3)通過AJAX技術實現與服務器的無刷新通信。

了解JavaScript引擎：實施詳細信息Apr 17, 2025 am 12:05 AM

理解JavaScript引擎內部工作原理對開發者重要，因為它能幫助編寫更高效的代碼並理解性能瓶頸和優化策略。 1)引擎的工作流程包括解析、編譯和執行三個階段；2)執行過程中，引擎會進行動態優化，如內聯緩存和隱藏類；3)最佳實踐包括避免全局變量、優化循環、使用const和let，以及避免過度使用閉包。

See all articles