快捷導(dǎo)航

jQuery ajax全局函數(shù)處理session過(guò)期后的ajax跳轉(zhuǎn)問(wèn)題

更新時(shí)間：2016年06月03日 10:59:02 作者：十月陽(yáng)光

這篇文章主要介紹了基于jQuery的全局ajax函數(shù)處理session過(guò)期后的ajax操作的相關(guān)資料,需要的朋友可以參考下

做web常常需要考慮session過(guò)期的問(wèn)題，session過(guò)期就讓頁(yè)面跳轉(zhuǎn)到登錄界面去，但是存在這樣一個(gè)問(wèn)題，當(dāng)頁(yè)面過(guò)期后，用戶(hù)請(qǐng)求后臺(tái)的方式有兩種：傳統(tǒng)方式和異步請(qǐng)求方式，傳統(tǒng)方式倒好解決，請(qǐng)求到后臺(tái)，攔截到過(guò)期的操作，直接跳轉(zhuǎn)，但是異步請(qǐng)求不會(huì)刷新整個(gè)頁(yè)面，因此對(duì)session過(guò)期的處理也不能按往常的方式，需要另外的操作。

具體思路：攔截器中判斷是否為ajax請(qǐng)求 —— 是ajax請(qǐng)求則返回一個(gè)消息 ——頁(yè)面添加一個(gè)全局的ajax處理事件，對(duì)消息進(jìn)行判斷，如果是報(bào)告session過(guò)期，則location到登錄頁(yè)面

第一步，攔截器判斷是否為ajax請(qǐng)求：

if(request.getHeader("x-requested-with")!=null 
&& request.getHeader("x-requested-with").equalsIgnoreCase("XMLHttpRequest")){ 
//是ajax請(qǐng)求，則返回個(gè)消息給前臺(tái)
PrintWriter printWriter = response.getWriter(); 
printWriter.print("{sessionState:timeout}"); 
printWriter.flush(); 
printWriter.close(); 
}else{ 
//不是ajax請(qǐng)求，則直接跳轉(zhuǎn)頁(yè)面
}

第二步，設(shè)置全局ajax處理事件，處理session過(guò)期的問(wèn)題，類(lèi)似于一個(gè)攔截器或者過(guò)濾器：

$.ajaxSetup({ 
contentType:"application/x-www-form-urlencoded;charset=utf-8", 
cache:false , 
complete:function(data,TS){ 
//對(duì)返回的數(shù)據(jù)data做判斷，
//session過(guò)期的話(huà)，就location到一個(gè)頁(yè)面
} 
} 
});

這是一個(gè)基于jQuery的異步處理機(jī)制，完整代碼我沒(méi)寫(xiě)，上次在公司寫(xiě)的代碼，帶不出來(lái)，文章里的代碼有些還是在網(wǎng)上找來(lái)粘進(jìn)去的，凌晨都過(guò)了半小時(shí)了，太困了，記錄下思路而已。

PS：ajax 操作全局監(jiān)測(cè)，用戶(hù)session失效

jQuery(function ($) {
// 備份jquery的ajax方法 
var _ajax = $.ajax;
// 重寫(xiě)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) {
//用戶(hù)失效進(jìn)行操作
//return;
} 
} catch (e) {
}
_success(data, textStatus);
}
});
_ajax(_opt);
};
});

您可能感興趣的文章: