JS Ajax請求會話過期處理問題解決方法分析
本文實(shí)例講述了JS Ajax請求會話過期處理問題解決方法。分享給大家供大家參考,具體如下:
對于頁面來說,處理session過期比較簡單,一般只需在過濾器里面判斷session用戶是否存在,不存在則跳轉(zhuǎn)頁面到登陸頁即可。
對于Ajax請求來說,這個辦法則無效,只能獲取到登錄頁的html代碼。原因在于Ajax請求是XMLHTTPRequest
對象發(fā)起的而不是瀏覽器,而服務(wù)器返回的信息接收者也是XMLHTTPRequest
,非瀏覽器。
解決辦法:
服務(wù)器端
可在返回的ResponseHeader
里添加一個標(biāo)識變量,以便在Javascript里處理。以Java為例,可在過濾器里進(jìn)行如下處理:
try { // Ajax請求會話過期處理 String requestType = request.getHeader("X-Requested-With"); if (StringUtils.isNotEmpty(requestType) && requestType.equalsIgnoreCase("XMLHttpRequest")) { response.setHeader("SessionStatus", "sessionTimeOut"); requestContext.abortWith(Response.status(401).build()); return; } // 處理頁面跳轉(zhuǎn) requestContext.abortWith(Response.accepted().build()); response.sendRedirect(loginPath); } catch (IOException ex) { //do nothing }
Javascript端
可通過JQuery的ajaxComplete
方法進(jìn)行處理,判斷發(fā)送請求時是否會話已過期。
/** * ajax請求判斷會話是否已過期 */ $(document).ajaxError(function (event, jqXHR, options, errorMsg) { var sessionStatus = jqXHR.getResponseHeader('SessionStatus'); if (sessionStatus && sessionStatus === 'sessionTimeOut') { alert("您的會話已過期,請重新登錄"); location.href = "login"; } });
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript中ajax操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
- jQuery ajax全局函數(shù)處理session過期后的ajax跳轉(zhuǎn)問題
- ajax實(shí)現(xiàn)session不過期(避免頁面過期的現(xiàn)象)
- ajax session過期問題的幾個解決方案
- 淺析ajax請求json數(shù)據(jù)并用js解析(示例分析)
- 跨域請求之jQuery的ajax jsonp的使用解惑
- 原生 JS Ajax,GET和POST 請求實(shí)例代碼
- js每隔5分鐘執(zhí)行一次ajax請求的實(shí)現(xiàn)方法
- JS實(shí)現(xiàn)定時任務(wù)每隔N秒請求后臺setInterval定時和ajax請求問題
- 詳解JavaScript for循環(huán)中發(fā)送AJAX請求問題
- 分享JavaScript監(jiān)聽全部Ajax請求事件的方法
- 淺談js的ajax的異步和同步請求的問題
相關(guān)文章
Raphael帶文本標(biāo)簽可拖動的圖形實(shí)現(xiàn)代碼
Javascript和Raphael順便學(xué)習(xí)了一下,主要是為了實(shí)現(xiàn)一個可拖動的矩形同時矩形上還得顯示標(biāo)簽,網(wǎng)上關(guān)于這方面的知識提的很是于是本人自不量力寫了一下,感興趣的你可不要錯過了哈,希望可以幫助到你2013-02-02JavaScript高級程序設(shè)計 讀書筆記之十一 內(nèi)置對象Global
由ECMAScript實(shí)現(xiàn)提供的、獨(dú)立于宿主環(huán)境的所有對象,在ECMAScript程序開始執(zhí)行時出現(xiàn)2012-03-03一個類似vbscript的round函數(shù)的javascript函數(shù)
同vbscript的Round函數(shù)功能相同,四舍五入保留指定小數(shù)位數(shù)2009-04-04JavaScript實(shí)現(xiàn)網(wǎng)頁留言板功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁留言板功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-11-11js實(shí)現(xiàn)簡單的二級聯(lián)動效果
本文主要介紹了js實(shí)現(xiàn)簡單的二級聯(lián)動效果的實(shí)例,具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03JS實(shí)現(xiàn)表格數(shù)據(jù)各種搜索功能的方法
這篇文章主要介紹了JS實(shí)現(xiàn)表格數(shù)據(jù)各種搜索功能的方法,可實(shí)現(xiàn)忽略大小寫,模糊搜索,多關(guān)鍵搜索等功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03Echarts橫向堆疊柱狀圖和markLine實(shí)例詳解
一些柱形圖在數(shù)據(jù)量比較多的時候,橫向排列受到擠壓,導(dǎo)致柱形圖,變的非常細(xì),影響整體的效果,所以應(yīng)該將柱形圖堆疊起來,這樣就會好很多,下面這篇文章主要給大家介紹了關(guān)于Echarts橫向堆疊柱狀圖和markLine的相關(guān)資料,需要的朋友可以參考下2022-06-06