使用Ajax時(shí)處理用戶(hù)session失效問(wèn)題的解決方法
在使用spingMVC的攔截器來(lái)處理用戶(hù)session失效的問(wèn)題時(shí),當(dāng)用戶(hù)session失效會(huì)返回一串javascript字符串強(qiáng)制用戶(hù)瀏覽器跳轉(zhuǎn)至登錄頁(yè)面。然而當(dāng)使用Ajax請(qǐng)求數(shù)據(jù)時(shí),在驗(yàn)證失敗后只會(huì)響應(yīng)一串字符串,JavaScript并不會(huì)執(zhí)行,這是由于Ajax的請(qǐng)求是由XMLHTTPRequest對(duì)象發(fā)起的而不是瀏覽器,在驗(yàn)證失敗后服務(wù)器返回的信息會(huì)被XMLHTTPRequest對(duì)象接收到并保存在js對(duì)象中。
為了應(yīng)對(duì)這種情況,可以在后臺(tái)對(duì)Http請(qǐng)求先進(jìn)行判斷,將Ajax請(qǐng)求與普通http請(qǐng)求分開(kāi)處理。
觀察Ajax發(fā)送的請(qǐng)求頭信息可以發(fā)現(xiàn),Ajax請(qǐng)求的頭信息中會(huì)帶有X-Requested-With:XMLHttpRequest,通過(guò)這個(gè)可以判斷是否是Ajax請(qǐng)求。
String requestType = request.getHeader("X-Requested-With"); if(requestType != null && "XMLHttpRequest".equalsIgnoreCase(requestType.trim())) { //如果是ajax請(qǐng)求 response.setHeader("sessionStatus", "timeout"); response.sendError(601, "session timeout."); return false; }
javascript代碼,可以設(shè)置Ajax請(qǐng)求的全局默認(rèn)options,一勞永逸
//設(shè)置Ajax請(qǐng)求的全局默認(rèn)options jQuery.ajaxSetup({ type:'post', complete:function(xhr, ts){ //XMLHttpRequest, textStatus var sessionStatus = xhr.getResponseHeader('sessionstatus'); if(sessionStatus == 'timeout') { alert('頁(yè)面過(guò)期,請(qǐng)重新登錄!'); window.top.location.href = 'Login.htm'; } } });
項(xiàng)目中還使用到了DataTables做數(shù)據(jù)表格,發(fā)現(xiàn)用上邊javascript的配置方法在datatables中不能生效,錯(cuò)誤信息參見(jiàn):http://datatables.net/tn/7 要配置ajax的error屬性才可以
$('#example').dataTable( { "ajax": { "url": "findRoles.htm", "type": "POST", "error": function(xhr, ts, et) { //XMLHttpRequest, textStatus, errorThrown var sessionStatus = xhr.getResponseHeader('sessionstatus'); if(sessionStatus == 'timeout') { alert('頁(yè)面過(guò)期,請(qǐng)重新登錄!'); window.top.location.href = 'Login.htm'; } } } });
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- express如何解決ajax跨域訪問(wèn)session失效問(wèn)題詳解
- 完美解決ajax訪問(wèn)遇到Session失效的問(wèn)題
- ajax 操作全局監(jiān)測(cè),用戶(hù)session失效的解決方法
- Ajax Session失效跳轉(zhuǎn)登錄頁(yè)面的方法
- ajax在兼容模式下失效的快速解決方法
- Ajax請(qǐng)求session失效該如何解決
- 如何解決ajax在google chrome瀏覽器上失效
- ajax請(qǐng)求Session失效問(wèn)題
- ajax更新數(shù)據(jù)后,jquery、jq失效問(wèn)題
- 解決IE9下JQuery發(fā)送ajax請(qǐng)求失效的方法
相關(guān)文章
經(jīng)典的20道AJAX面試題(必知必會(huì))
本文給大家介紹20道jquery ajax面試題,在前端開(kāi)發(fā)階段經(jīng)常會(huì)問(wèn)到,今天小編給大家分享經(jīng)典的20道AJAX面試題,感興趣的朋友一起學(xué)習(xí)吧2016-09-09SpringMVC+Ajax+拼接html字符串實(shí)例代碼
這篇文章主要介紹了SpringMVC+Ajax+拼接html字符串實(shí)例代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下。2017-03-03一款經(jīng)典的ajax登錄頁(yè)面 后臺(tái)asp.net
眾所周知,用服務(wù)器控件做頁(yè)面的登錄窗體時(shí)很簡(jiǎn)單的,但是頁(yè)面的多次回傳讓我們感覺(jué)到頭痛,一直刷新頁(yè)面的感覺(jué)非常之不好,其實(shí)用ajax的局部刷新功能可以完全解決這個(gè)問(wèn)題,制作出來(lái)的頁(yè)面有很好的交互性,而且是局部刷新,節(jié)省網(wǎng)絡(luò)資源。2009-10-10Ajax請(qǐng)求響應(yīng)中用window.open打開(kāi)新窗口被攔截的解決方法
ajax 異步請(qǐng)求成功后需要新開(kāi)窗口打開(kāi) url,使用的是 window.open() 方法,但是會(huì)被瀏覽器給攔截,怎么解決呢,下面小編給大家解答下2016-08-08jQuery的ajax傳參巧用JSON使用示例(附Json插件)
jQuery的ajax調(diào)用很方便,傳參的時(shí)候喜歡用Json的數(shù)據(jù)格式,使用示例代碼如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08Ajax學(xué)習(xí)筆記---3種Ajax的實(shí)現(xiàn)方法【推薦】
下面小編就為大家?guī)?lái)一篇Ajax學(xué)習(xí)筆記---3種Ajax的實(shí)現(xiàn)方法【推薦】。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考2016-05-05