DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> 使用Ajax時處理用戶session失效問題的解決方法
使用Ajax時處理用戶session失效問題的解決方法
編輯: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';
    }
  }
 }
});

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved