当jquery ajax遇上401请求的解决方法

前端之家收集整理的这篇文章主要介绍了当jquery ajax遇上401请求的解决方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

jquery ajax是个很常用接口,而在请求时候,可能存在响应401的情况(身份认证过期或未登录),比较容易出现在混合应用上,如何进行身份认证,重发失败请求,还是值得注意的。

ajax请求有两种方式

1. 回调

最常写的方式,成功失败处理以回调方式传入。

2. Deferred方式

Deferred模式我在《js异步编程》有说明, ajax调用本身返回就是一个Deferred对象,成功失败回调不以参数传入。

既然有这两种方式,那应对处理401的方式也是有两种。

401处理的两种方式

1. 回调

这种方式的处理比较简单,在失败回调里面判断401,如果是则进行身份认证,成功重发请求。

方法(function(){   getXXXX(type,error);   });  } else{   // 调用外部的error   error && error(xhr,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,error ] );
}
}

这里说下为什么不能像第一种方式那样进行请求。

有两个原因:

1. then这种链式写法,导致这请求的回调不是在参数里,而是在jQuery.Callbacks一个optionsCache全局变量里,我们无法在ajax error里拿到回调函数进行重发。

2. 写在then里的回调触发一次就会被销毁,当触发了error时,回调执行后就销毁。

最后的处理方式就是在要触发error之前,拦截401的错误,重新进行身份认证,然后重置状态,重发请求。

以上这篇当jquery ajax遇上401请求的解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的Ajax相关文章