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請求的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
