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 < 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的谬误,重新举办身份注脚,然后重置状态,重发请求。

 

正文为原创文章,转发请保留原出处,方便溯源,如有错误地点,多谢指正。

正文地址 :http://www.cnblogs.com/lovesong/p/5402092.html

相关文章

网站地图xml地图