快捷導(dǎo)航

使用Ajax時(shí)處理用戶session失效問(wèn)題的解決方法

更新時(shí)間：2017年03月28日 11:03:20 作者：dtable

這篇文章主要為大家詳細(xì)介紹了使用Ajax時(shí)處理用戶session失效問(wèn)題的解決方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

在使用spingMVC的攔截器來(lái)處理用戶session失效的問(wèn)題時(shí)，當(dāng)用戶session失效會(huì)返回一串javascript字符串強(qiáng)制用戶瀏覽器跳轉(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)求分開處理。
觀察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ò)誤信息參見：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í)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Ajax與JSON的一些學(xué)習(xí)總結(jié)
Ajax技術(shù)的核心是XMLHttpRequest對(duì)象（簡(jiǎn)稱XHR），可以通過(guò)使用XHR對(duì)象獲取到服務(wù)器的數(shù)據(jù)，然后再通過(guò)DOM將數(shù)據(jù)插入到頁(yè)面中呈現(xiàn)。雖然名字中包含XML，但Ajax通訊與數(shù)據(jù)格式無(wú)關(guān)，所以我們的數(shù)據(jù)格式可以是XML或JSON等格式
2012-08-08
Ajax通訊原理XMLHttpRequest
AJAX = 異步 JavaScript 和 XML。JavaScript不用說(shuō)腳本語(yǔ)言，XML也不用說(shuō)可擴(kuò)展標(biāo)記語(yǔ)言用于存放數(shù)據(jù)信息
2011-12-12
ajax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇ajax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-05-05
ajax、axios和fetch之間優(yōu)缺點(diǎn)重點(diǎn)對(duì)比總結(jié)
今天被問(wèn)到用沒(méi)用過(guò)ajax axios,我回答經(jīng)常用axios,但ajax用的比較少,下面這篇文章主要給大家介紹了關(guān)于ajax、axios和fetch之間優(yōu)缺點(diǎn)重點(diǎn)對(duì)比總結(jié)的相關(guān)資料,需要的朋友可以參考下
2022-12-12
AjaxFileUpload+Struts2實(shí)現(xiàn)多文件上傳功能
這篇文章主要介紹了AjaxFileUpload+Struts2實(shí)現(xiàn)多文件上傳功能,需要的朋友可以參考下
2017-09-09
ajax中文亂碼問(wèn)題解決方案
ajax中文亂碼問(wèn)題在中文中經(jīng)常會(huì)出現(xiàn)這種問(wèn)題，其實(shí)只要稍加注意就不會(huì)出現(xiàn)ajax中文亂碼這回事情了，接下來(lái)為大家詳細(xì)介紹下如何解決這類問(wèn)題
2013-04-04
用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問(wèn)題
用 ajax 的方法解決網(wǎng)頁(yè)廣告顯示的問(wèn)題...
2006-12-12
ajax異步加載圖片實(shí)例分析
這篇文章主要介紹了ajax異步加載圖片的方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了ajax圖片異步加載的原理與相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2016-02-02
Ajax 傳遞JSON實(shí)例代碼
雖然ajax全稱是asynchronous javascript and XML。但目前使用ajax技術(shù)時(shí)，傳遞JSON已經(jīng)成為事實(shí)上的標(biāo)準(zhǔn)。這篇文章主要介紹了Ajax 傳遞JSON實(shí)例代碼,需要的朋友可以參考下
2017-03-03
ajax異步實(shí)現(xiàn)文件分片上傳實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于ajax異步實(shí)現(xiàn)文件分片上傳的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-11-11