當jquery ajax遇上401請求的解決方案,jqueryajax遇上401

來源:互聯網
上載者:User

當jquery ajax遇上401請求的解決方案,jqueryajax遇上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/Errorif ( 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的錯誤,重新進行身份認證,然後重設狀態,重發請求。

以上這篇當jquery ajax遇上401請求的解決方案就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援幫客之家。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.