首頁  >  文章  >  web前端  >  使用Ajax時處理使用者session失效問題的解決方法

使用Ajax時處理使用者session失效問題的解決方法

韦小宝
韦小宝原創
2018-01-01 18:36:571193瀏覽

這篇文章主要為大家詳細介紹了使用Ajax時處理用戶session失效問題的解決方法,具有一定的參考和學習ajax的價值,對ajax感興趣的小伙伴們可以參考一下

在使用spingMVC的攔截器來處理使用者session失效的問題時,當使用者session失效會回傳一串javascript字串強制使用者瀏覽器跳轉至登入頁面。然而當使用Ajax請求資料時,在驗證失敗後只會回應一串字串,JavaScript並不會執行,這是由於Ajax的請求是由XMLHTTPRequest物件發起的而不是瀏覽器,在驗證失敗後伺服器傳回的訊息會被XMLHTTPRequest物件接收並保存在js物件中。

為了回應這種情況,可以在後台對Http請求先進行判斷,將Ajax請求與普通http請求分開處理。
觀察Ajax發送的請求頭訊息可以發現,Ajax請求的頭訊息中會帶有X-Requested-With:XMLHttpRequest,透過這個可以判斷是否是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程式碼,可以設定Ajax請求的全域預設options,一勞永逸

//设置Ajax请求的全局默认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';
    }
  }
});

#專案中也使用到了DataTables做資料表格,發現用上邊javascript的設定方法在datatables中不能生效,錯誤資訊請參考: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';
    }
  }
 }
});

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持PHP中文網。

相關推薦:

淺析Ajax後台success傳來json資料的問題

Ajax向後台傳json格式的資料出現415錯誤的原因分析及解決方法

Ajax提交Form表單及檔案上傳的實例代碼

#

以上是使用Ajax時處理使用者session失效問題的解決方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn