快捷導(dǎo)航

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

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

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

在使用spingMVC的攔截器來處理用戶session失效的問題時(shí)，當(dāng)用戶session失效會(huì)返回一串javascript字符串強(qiáng)制用戶瀏覽器跳轉(zhuǎn)至登錄頁面。然而當(dāng)使用Ajax請求數(shù)據(jù)時(shí)，在驗(yàn)證失敗后只會(huì)響應(yīng)一串字符串，JavaScript并不會(huì)執(zhí)行，這是由于Ajax的請求是由XMLHTTPRequest對象發(fā)起的而不是瀏覽器，在驗(yàn)證失敗后服務(wù)器返回的信息會(huì)被XMLHTTPRequest對象接收到并保存在js對象中。

為了應(yīng)對這種情況，可以在后臺對Http請求先進(jìn)行判斷，將Ajax請求與普通http請求分開處理。
觀察Ajax發(fā)送的請求頭信息可以發(fā)現(xiàn)，Ajax請求的頭信息中會(huì)帶有X-Requested-With:XMLHttpRequest,通過這個(gè)可以判斷是否是Ajax請求。

String requestType = request.getHeader("X-Requested-With");
if(requestType != null && "XMLHttpRequest".equalsIgnoreCase(requestType.trim())) {
  //如果是ajax請求
  response.setHeader("sessionStatus", "timeout");
  response.sendError(601, "session timeout.");
  return false;
}

javascript代碼，可以設(shè)置Ajax請求的全局默認(rèn)options，一勞永逸

//設(shè)置Ajax請求的全局默認(rèn)options
jQuery.ajaxSetup({
  type:'post',
  complete:function(xhr, ts){ //XMLHttpRequest, textStatus
    var sessionStatus = xhr.getResponseHeader('sessionstatus');
    if(sessionStatus == 'timeout') {
      alert('頁面過期，請重新登錄!');
      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('頁面過期，請重新登錄!');
      window.top.location.href = 'Login.htm';
    }
  }
 }
});

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

AJAX跨域問題解決方案詳解
從剛接觸前端開發(fā)起，跨域這個(gè)詞就一直以很高的頻率在身邊重復(fù)出現(xiàn)，一直到現(xiàn)在，已經(jīng)調(diào)試過N個(gè)跨域相關(guān)的問題了，這篇文章主要介紹了AJAX跨域問題的解決方案
2022-08-08
經(jīng)典的20道AJAX面試題(必知必會(huì))
本文給大家介紹20道jquery ajax面試題，在前端開發(fā)階段經(jīng)常會(huì)問到，今天小編給大家分享經(jīng)典的20道AJAX面試題，感興趣的朋友一起學(xué)習(xí)吧
2016-09-09
SpringMVC+Ajax+拼接html字符串實(shí)例代碼
這篇文章主要介紹了SpringMVC+Ajax+拼接html字符串實(shí)例代碼,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。
2017-03-03
一款經(jīng)典的ajax登錄頁面后臺asp.net
眾所周知，用服務(wù)器控件做頁面的登錄窗體時(shí)很簡單的，但是頁面的多次回傳讓我們感覺到頭痛，一直刷新頁面的感覺非常之不好，其實(shí)用ajax的局部刷新功能可以完全解決這個(gè)問題，制作出來的頁面有很好的交互性，而且是局部刷新，節(jié)省網(wǎng)絡(luò)資源。
2009-10-10
編寫輕量ajax組件02--淺析AjaxPro
ajaxpro雖然是一個(gè)比較老的組件，不過實(shí)現(xiàn)思想和源碼還是很有借鑒價(jià)值的。接下來通過本篇文章給大家介紹編寫輕量ajax組件02--淺析AjaxPro，感興趣的朋友可以參考下
2015-11-11
Ajax請求響應(yīng)中用window.open打開新窗口被攔截的解決方法
ajax 異步請求成功后需要新開窗口打開 url，使用的是 window.open() 方法，但是會(huì)被瀏覽器給攔截，怎么解決呢，下面小編給大家解答下
2016-08-08
Django Ajax的使用教程
這篇文章主要介紹了Django Ajax的使用教程,需要的朋友可以參考下
2017-06-06
jQuery的ajax傳參巧用JSON使用示例(附Json插件)
jQuery的ajax調(diào)用很方便，傳參的時(shí)候喜歡用Json的數(shù)據(jù)格式，使用示例代碼如下，感興趣的朋友可以參考下，希望對大家有所幫助
2013-08-08
AJAX 異步傳輸數(shù)據(jù)的問題
暫時(shí)把script中的‘+’都用‘-’代替，index += 1;改成index -= -1;呵呵，以后有人看到這段自動(dòng)生成的詭異腳本，不知道會(huì)作何感想，但現(xiàn)在也只能如此。
2008-12-12
Ajax學(xué)習(xí)筆記---3種Ajax的實(shí)現(xiàn)方法【推薦】
下面小編就為大家?guī)硪黄狝jax學(xué)習(xí)筆記---3種Ajax的實(shí)現(xiàn)方法【推薦】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
2016-05-05