這次帶給大家用ajax實現session超時跳到登入頁面，用ajax實現session超時跳到登入頁面的注意事項有哪些，下面就是實戰案例，一起來看一下。
問題：使用window.location.href來跳轉頁面的時候，後端只需實作一個篩選器就可以在session逾時的情況下重定向到登陸頁面。但是使用ajax呢？使用ajax來執行會發生302錯誤，而且頁面不可能跳轉。下面就針對這個問題來貼上我的前後端程式碼。
1、session過濾器
import java.io.IOException;
<p style="text-align: center"><img alt=""import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
<p style="text-align: center"><img alt=""public class SessionFilter implements Filter {
<p style="text-align: center"><img alt="" public void doFilter(ServletRequest req, ServletResponse res, FilterChain filterChain)
throws IOException, ServletException {
HttpServletRequest request = (HttpServletRequest) req;
HttpServletResponse response = (HttpServletResponse) res;
<p style="text-align: center"><img alt="" String requestUri = request.getRequestURI();
<p style="text-align: center"><img alt="" if (requestUri.indexOf("/login.html") > 0 || requestUri.indexOf("/system/login") > 0) {
return ;
}
<p style="text-align: center"><img alt="" HttpSession session = request.getSession(false);
<p style="text-align: center"><img alt="" if (session == null) {
// 如果是session超时，在此处做处理。
response.sendRedirect(request.getContextPath() + "/login.html");
return ;
}
try {
filterChain.doFilter(request, response);
} catch (Exception e) {
e.printStackTrace();
}
return ;
}
}登入後複製
2、web.xml新增設定：
<filter>
<filter-name>sessionFilter</filter-name>
<filter-class>com.manager.filter.SessionFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>sessionFilter</filter-name>
<url-pattern>/manager/*</url-pattern>
</filter-mapping>
登入後複製
##*3 、重寫ajax
注意：此段程式碼放在index頁
jQuery(function($){
var _ajax=$.ajax;
$.ajax=function(opt){
var _success = opt && opt.success || function(a, b){};
var _opt = $.extend(opt, {
success:function(data, textStatus){
_success(data, textStatus);
},
error:function(XMLHttpRequest, textStatus, errorThrown){
//alert(XMLHttpRequest.responseText);
//如果请求发生错误，会返回登陆页面源代码，如果源代码里面存在lovnx这个字符串，前端就重定向到登陆页面
var reData = XMLHttpRequest.responseText + "";
if(reData.indexOf('lovnx') != -1) {
window.location.href="/manager/login.html" rel="external nofollow" ;
return;
}
}
});
return _ajax(_opt);
};
});登入後複製
4、登陸頁面新增程式碼
<input type="hidden" value="lovnx">
登入後複製
相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！
推薦閱讀：
Ajax怎麼實作上傳檔案的進度條Codular
基於Ajax的formData圖片和資料上傳rue實作
以上是用ajax實現session超時跳到登入頁面的詳細內容。更多資訊請關注PHP中文網其他相關文章！
