如何使用Ajax時處理用戶session失效問題

這篇文章主要為大家展示了“如何使用Ajax時處理用戶session失效問題”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“如何使用Ajax時處理用戶session失效問題”這篇文章吧。

在使用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';
    }
  }
 }
});

以上是“如何使用Ajax時處理用戶session失效問題”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！