當jquery ajax遇上401請求

jquery ajax是個很常用接口，而在請求時候，可能存在響應401的情況（身份認證過期或未登錄），比較容易出現在混合應用上，如何進行身份認證，重發失敗請求，還是值得注意的。

ajax請求有兩種方式

1. 回調

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

$.ajax({
      ajax參數...
      success : xxxxxx
      error: xxxxxx
});

2. Deferred方式

Deferred模式我在《js異步編程》有說明， ajax調用本身返回就是一個Deferred對象，成功失敗回調不以參數傳入。

$.ajax({
     ajax參數...
}).then(function(res){
    //成功處理片段
},function(err){
    //失敗處理片段
});

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

401處理的兩種方式

1. 回調

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

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);
      　　 }
    　　}
　　});
}

2. Deferred方式

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

//全局設置一個方法
$.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的錯誤，重新進行身份認證，然后重置狀態，重發請求。

 

本文為原創文章，轉載請保留原出處，方便溯源，如有錯誤地方，謝謝指正。

本文地址 ： http://www.cnblogs.com/lovesong/p/5402092.html