重寫 ajax 實(shí)現(xiàn) session 超時(shí)跳轉(zhuǎn)到登錄頁面實(shí)例代碼
問題:使用window.location.href來跳轉(zhuǎn)頁面的時(shí)候,后端只需實(shí)現(xiàn)一個(gè)過濾器就可以在session超時(shí)的情況下重定向到登陸頁面。但是使用ajax呢?使用ajax來執(zhí)行會(huì)發(fā)生302錯(cuò)誤,并且頁面不可能跳轉(zhuǎn)。下面就針對(duì)這個(gè)問題來貼上我的前后端代碼。
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超時(shí),在此處做處理。 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); //如果請(qǐng)求發(fā)生錯(cuò)誤,會(huì)返回登陸頁面源代碼,如果源代碼里面存在lovnx這個(gè)字符串,前端就重定向到登陸頁面 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">
以上所述是小編給大家介紹的重寫 ajax 實(shí)現(xiàn) session 超時(shí)跳轉(zhuǎn)到登錄頁面實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Ajax提交Form表單頁面仍會(huì)刷新問題的快速解決辦法
這篇文章主要介紹了 Ajax提交Form表單頁面仍會(huì)刷新問題的快速解決辦法,以及form 表單中存在button時(shí)ajax提交后自動(dòng)刷新 問題,需要的朋友可以參考下2016-12-12iframe實(shí)現(xiàn)Ajax文件上傳效果示例
Ajax文件上傳效果實(shí)現(xiàn)的方法有很多,在本文將為大家介紹下使用iframe是如何實(shí)現(xiàn)的,感興趣的朋友不要錯(cuò)過2013-12-12ajax中的async屬性值之同步和異步及同步和異步區(qū)別
在Jquery中ajax方法中async用于控制同步和異步,當(dāng)async值為true時(shí)是異步請(qǐng)求,當(dāng)async值為fase時(shí)是同步請(qǐng)求。ajax中async這個(gè)屬性,用于控制請(qǐng)求數(shù)據(jù)的方式,默認(rèn)是true,即默認(rèn)以異步的方式請(qǐng)求數(shù)據(jù)。2015-10-10JQuery中Ajax的Post提交在IE下中文亂碼的解決方法
在JQuery的Ajax POST請(qǐng)求中,進(jìn)行請(qǐng)求,其中的中文在后臺(tái),顯示為亂碼,在FF/Chrome中,可以正常傳遞中文,但是在IE下,則存在問題2014-05-05jquery ajax實(shí)現(xiàn)文件上傳功能實(shí)例代碼
這篇文章主要介紹了jquery ajax實(shí)現(xiàn)文件拖拽上傳功能的實(shí)例代碼,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-04-04Ajax實(shí)現(xiàn)頁面自動(dòng)刷新實(shí)例解析
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù)。接下來通過本文給大家介紹Ajax實(shí)現(xiàn)頁面自動(dòng)刷新實(shí)例解析,感興趣的朋友一起看看吧2016-04-04一個(gè)簡(jiǎn)單Ajax類庫及使用方法實(shí)例分析
這篇文章主要介紹了一個(gè)簡(jiǎn)單Ajax類庫及使用方法,結(jié)合實(shí)例形式分析了ajax類庫的源碼與具體使用技巧,需要的朋友可以參考下2016-04-04