jQuery ajax全局函數(shù)處理session過期后的ajax跳轉(zhuǎn)問題
做web常常需要考慮session過期的問題,session過期就讓頁面跳轉(zhuǎn)到登錄界面去,但是存在這樣一個問題,當(dāng)頁面過期后,用戶請求后臺的方式有兩種:傳統(tǒng)方式和異步請求方式,傳統(tǒng)方式倒好解決,請求到后臺,攔截到過期的操作,直接跳轉(zhuǎn),但是異步請求不會刷新整個頁面,因此對session過期的處理也不能按往常的方式,需要另外的操作。
具體思路:攔截器中判斷是否為ajax請求 —— 是ajax請求則返回一個消息 ——頁面添加一個全局的ajax處理事件,對消息進行判斷,如果是報告session過期,則location到登錄頁面
第一步,攔截器判斷是否為ajax請求:
if(request.getHeader("x-requested-with")!=null && request.getHeader("x-requested-with").equalsIgnoreCase("XMLHttpRequest")){ //是ajax請求,則返回個消息給前臺 PrintWriter printWriter = response.getWriter(); printWriter.print("{sessionState:timeout}"); printWriter.flush(); printWriter.close(); }else{ //不是ajax請求,則直接跳轉(zhuǎn)頁面 }
第二步,設(shè)置全局ajax處理事件,處理session過期的問題,類似于一個攔截器或者過濾器:
$.ajaxSetup({ contentType:"application/x-www-form-urlencoded;charset=utf-8", cache:false , complete:function(data,TS){ //對返回的數(shù)據(jù)data做判斷, //session過期的話,就location到一個頁面 } } });
這是一個基于jQuery的異步處理機制,完整代碼我沒寫,上次在公司寫的代碼,帶不出來,文章里的代碼有些還是在網(wǎng)上找來粘進去的,凌晨都過了半小時了,太困了,記錄下思路而已。
PS:ajax 操作全局監(jiān)測,用戶session失效
jQuery(function ($) { // 備份jquery的ajax方法 var _ajax = $.ajax; // 重寫ajax方法,先判斷登錄在執(zhí)行success函數(shù) $.ajax = function (opt) { var _success = opt && opt.success || function (a, b) { }; var _opt = $.extend(opt, { success: function (data, textStatus) { try { if (data.sessionstatus == false) { //用戶失效進行操作 //return; } } catch (e) { } _success(data, textStatus); } }); _ajax(_opt); }; });
- Java Web實現(xiàn)session過期后自動跳轉(zhuǎn)到登陸頁功能【基于過濾器】
- 詳解springmvc控制登錄用戶session失效后跳轉(zhuǎn)登錄頁面
- php頁面跳轉(zhuǎn)session cookie丟失導(dǎo)致不能登錄等問題的解決方法
- webix+springmvc session超時跳轉(zhuǎn)登錄頁面
- ajax提交session超時跳轉(zhuǎn)頁面使用全局的方法來處理
- Jsp中解決session過期跳轉(zhuǎn)到登陸頁面并跳出iframe框架的方法
- Session過期后自動跳轉(zhuǎn)到登錄頁面的實例代碼
- Ajax Session失效跳轉(zhuǎn)登錄頁面的方法
- Session過期后實現(xiàn)自動跳轉(zhuǎn)登錄頁面
相關(guān)文章
PHP+jQuery實現(xiàn)隨意拖動層并即時保存拖動位置
本文講解了如何采用PHP+MySQL+jQuery,實現(xiàn)隨意拖動層并即時保存拖動位置。 十分的實用,有需要的小伙伴可以參考下。2015-04-04jQuery is not defined 錯誤原因與解決方法小結(jié)
今天在測試一個程序的時候,明顯已經(jīng)加載了jquery但總是提示jQuery is not defined,經(jīng)過多方測試終于發(fā)現(xiàn)了問題,這里簡單總結(jié)一下,需要的朋友可以參考下2017-03-03jQuery技巧大放送 學(xué)習(xí)jquery的朋友可以看下
jQuery技巧大放送 學(xué)習(xí)jquery的朋友可以看下,非常不錯的整理,推薦。2009-10-10jQuery僅用3行代碼實現(xiàn)的顯示與隱藏功能完整實例
這篇文章主要介紹了jQuery僅用3行代碼實現(xiàn)的顯示與隱藏功能,以完整實例形式分析了jQuery實現(xiàn)鼠標(biāo)響應(yīng)及頁面元素屬性變換的相關(guān)技巧,需要的朋友可以參考下2015-10-10EasyUI學(xué)習(xí)之Combobox級聯(lián)下拉列表(2)
這篇文章主要為大家詳細(xì)介紹了EasyUI學(xué)習(xí)之Combobox級聯(lián)下拉列表的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12基于jQuery和Bootstrap框架實現(xiàn)仿知乎前端動態(tài)列表效果
最近基于jQuery和Bootstrap框架實現(xiàn)了一個仿知乎動態(tài)列表的前端效果,基本實現(xiàn)了和知乎動態(tài)列表相同的效果,下面小編通過本文給大家分享實現(xiàn)思路及代碼,對bootstrap 實現(xiàn)仿知乎前端動態(tài)列表效果感興趣的朋友一起看看吧2016-11-11