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

1、当jquery ajax遇上401恳求的解决方法_ 下面我就为大家带来一篇当jquery ajax遇上401恳求的解决方法。我觉得挺不错的，现在分享给大家，也给大家做个参考。 jquery ajax是个很常用接口，而在恳求时候，可能存在响应401的状况（身份认证过期或未登录），比较简单消失在混合应用上，如何进行身份认证，重发失败恳求，还是值得留意的。 ajax恳求有两种方式 1. 回调 最常写的方式，胜利失败处理以回调方式传入。 $.ajax( ajax参数. success : xxxxxx error: xxxxxx ); 2. Deferred方式 Deferred模式我在js异步编程有

2、说明， 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 : functio

3、n(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() call

4、back 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

5、( 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之