下面小編就為大家?guī)硪黄攋query ajax遇上401請求的解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。

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

ajax請求有兩種方式

1. 回調(diào)

最常寫的方式，成功失敗處理以回調(diào)方式傳入。

$.ajax({

   ajax參數(shù)...

   success : xxxxxx

   error: xxxxxx

});

2. Deferred方式

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

$.ajax({

   ajax參數(shù)...

}).then(function(res){

  //成功處理片段

},function(err){

  //失敗處理片段

});

既然有這兩種方式，那應(yīng)對處理401的方式也是有兩種。

401處理的兩種方式

1. 回調(diào)

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

function getXXXX(type, url, data, success, error){

　　$.ajax({

  　　ajax參數(shù)...

  　　 success : xxxxxx

  　　 error : function(xhr,textStatus,errorThrown){

    　　if (xhr.status == 401) {

    　　　　 刷新身份認證方法(function(){

       　　getXXXX(type, url, data, success, error);

      　　});

     　} else{

      　　// 調(diào)用外部的error

      　 error && error(xhr,textStatus,errorThrown);

   　　 }

  　　}

　　});

}

2. Deferred方式

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

//全局設(shè)置一個方法

$.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這種鏈式寫法，導(dǎo)致這請求的回調(diào)不是在參數(shù)里，而是在jQuery.Callbacks一個optionsCache全局變量里，我們無法在ajax error里拿到回調(diào)函數(shù)進行重發(fā)。

2. 寫在then里的回調(diào)觸發(fā)一次就會被銷毀，當觸發(fā)了error時，回調(diào)執(zhí)行后就銷毀。

最后的處理方式就是在要觸發(fā)error之前，攔截401的錯誤，重新進行身份認證，然后重置狀態(tài)，重發(fā)請求。

以上這篇當jquery ajax遇上401請求的解決方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考