jQuery ajax請求返回401問題解決方案

在請求時候，可能存在響應401的情況（身份認證過期或未登入）。

比較容易出現在混合應用上，如何進行身份認證，重發失敗請求，還是值得注意的。

一.ajax請求有兩種方式:

回撥方式:

最常寫的方式，成功失敗處理以回撥方式傳入。

[JavaScript] 純文字檢視 複製程式碼
$.ajax({
   ajax引數...
   success : xxxxxx
   error: xxxxxx
});

Deferred方式:

ajax呼叫本身返回就是一個Deferred物件，成功失敗回撥不以引數傳入。

[JavaScript] 純文字檢視 複製程式碼
$.ajax({
   ajax引數...
}).then(function(res){
  //成功處理片段
},function(err){
  //失敗處理片段
});

既然有這兩種方式，那應對處理401的方式也是有兩種。

回撥方式:

這種方式的處理比較簡單，在失敗回撥裡面判斷401，如果是則進行身份認證，成功重發請求。

[JavaScript] 純文字檢視 複製程式碼
function getXXXX(type, url, data, success, error){
　　$.ajax({
  　　ajax引數...
  　　 success : xxxxxx
  　　 error : function(xhr,textStatus,errorThrown){
    　　if (xhr.status == 401) {
    　　　　 重新整理身份認證方法(function(){
       　　getXXXX(type, url, data, success, error);
      　　});
     　} else{
      　　// 呼叫外部的error
      　 error && error(xhr,textStatus,errorThrown);
   　　 }
  　　}
　　});
}

Deferred方式:

這種方式目前我找到的處理方式需要修改jquery原始碼。

[JavaScript] 純文字檢視 複製程式碼
//全域性設定一個方法
$.ajaxSetup({
   authError : function(callback){
      重新整理身份認證方法( function(){
        callback && callback();
      });
   }
});
   
//jquery2.1.4版本原始碼，大概是8261行
// Success/Error
if ( isSuccess ) {
   deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
} else {
   if(( jqXHR.status == 401 || jqXHR .status == 403) && callbackContext.authError){
   　　callbackContext.authError(function (){
      state = 0;
      jqXHR.setRequestHeader( "Authorization", XXXXXX);
      jqXHR.readyState = 1;
      try {
        state = 1;
        transport.send( requestHeaders, done );
      } catch ( e ) {
        // Propagate exception as error if not done
        if ( state < 2 ) {
           done( -1, e );
        // Simply rethrow otherwise
        } else {
          throw e;
        }
      }
   　　});
   　　return;
   } else {
      deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
   }
}

這裡說下為什麼不能像第一種方式那樣進行請求:

（1）. then這種鏈式寫法，導致這請求的回撥不是在引數裡，而是在jQuery.Callbacks一個optionsCache全域性變數裡，我們無法在ajax error裡拿到回撥函式進行重發。

（2）. 寫在then裡的回撥觸發一次就會被銷燬，當觸發了error時，回撥執行後就銷燬。最後的處理方式就是在要觸發error之前，攔截401的錯誤，重新進行身份認證，然後重置狀態，重發請求。