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

