下面小編就為大家?guī)硪黄攋query ajax遇上401請求的解決方法。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。
jquery ajax是個很常用接口，而在請求時候，可能存在響應401的情況（身份認證過期或未登錄），比較容易出現(xiàn)在混合應用上，如何進行身份認證，重發(fā)失敗請求，還是值得注意的。
ajax請求有兩種方式
1. 回調
最常寫的方式，成功失敗處理以回調方式傳入。
$.ajax({
ajax參數(shù)...
success : xxxxxx
error: xxxxxx
});
2. Deferred方式
Deferred模式我在《js異步編程》有說明， ajax調用本身返回就是一個Deferred對象，成功失敗回調不以參數(shù)傳入。
$.ajax({
ajax參數(shù)...
}).then(function(res){
//成功處理片段
},function(err){
//失敗處理片段
});
既然有這兩種方式，那應對處理401的方式也是有兩種。
401處理的兩種方式
1. 回調
這種方式的處理比較簡單，在失敗回調里面判斷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{
// 調用外部的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 < 2 ) {
done( -1, e );
// Simply rethrow otherwise
} else {
throw e;
}
}
});
return;
} else {
deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
}
}
這里說下為什么不能像第一種方式那樣進行請求。
有兩個原因：
1. then這種鏈式寫法，導致這請求的回調不是在參數(shù)里，而是在jQuery.Callbacks一個optionsCache全局變量里，我們無法在ajax error里拿到回調函數(shù)進行重發(fā)。
2. 寫在then里的回調觸發(fā)一次就會被銷毀，當觸發(fā)了error時，回調執(zhí)行后就銷毀。
最后的處理方式就是在要觸發(fā)error之前，攔截401的錯誤，重新進行身份認證，然后重置狀態(tài)，重發(fā)請求。
以上這篇當jquery ajax遇上401請求的解決方法就是小編分享給大家的全部內容了，希望能給大家一個參考
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試
