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

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

有兩個原因：

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

2. 寫在then裡的回撥觸發一次就會被銷燬，當觸發了error時，回撥執行後就銷燬。

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