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

下面我就為大家帶來一篇完美解決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 authMap = (Map ) session.get(Constants.FE_SESSION_BG_AUTH); Map actionMap = (Map ) 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(" "); // out.println(" "); // out.println("window.open ('"+login+"','_top');"); // out.println(" "); // out.println(" "); out.write(" window.open('"+login+"','_top'); "); 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; } 登入後複製 上面是我整理給大家的，希望未來會對大家有幫助。

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

全面解析Ajax綜合應用程式

#

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

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