快捷導(dǎo)航

當(dāng)jquery ajax遇上401請(qǐng)求的解決方法

更新時(shí)間：2016年05月19日 12:07:38 投稿：jingxian

下面小編就為大家?guī)?lái)一篇當(dāng)jquery ajax遇上401請(qǐng)求的解決方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

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

ajax請(qǐng)求有兩種方式

1. 回調(diào)

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

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

2. Deferred方式

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

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

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

401處理的兩種方式

1. 回調(diào)

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

function getXXXX(type, url, data, success, error){
　　$.ajax({
  　　ajax參數(shù)...
  　　 success : xxxxxx
  　　 error : function(xhr,textStatus,errorThrown){
    　　if (xhr.status == 401) {
    　　　　 刷新身份認(rèn)證方法(function(){
       　　getXXXX(type, url, data, success, error);
      　　});
     　} else{
      　　// 調(diào)用外部的error
      　 error && error(xhr,textStatus,errorThrown);
   　　 }
  　　}
　　});
}

2. Deferred方式

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

//全局設(shè)置一個(gè)方法
$.ajaxSetup({
   authError : function(callback){
      刷新身份認(rèn)證方法( 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 ] );
   }
}

這里說(shuō)下為什么不能像第一種方式那樣進(jìn)行請(qǐng)求。

有兩個(gè)原因：

1. then這種鏈?zhǔn)綄懛?，?dǎo)致這請(qǐng)求的回調(diào)不是在參數(shù)里，而是在jQuery.Callbacks一個(gè)optionsCache全局變量里，我們無(wú)法在ajax error里拿到回調(diào)函數(shù)進(jìn)行重發(fā)。

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

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

以上這篇當(dāng)jquery ajax遇上401請(qǐng)求的解決方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: