我每分钟有多个 ajax 请求一些请求数据，其他请求数据由用户通过 ui 发起。
$.get('/myurl', data).done(function( data ){
// do stuff..
});
由于身份验证失败，请求可能会失败。我已经设置了一个全局.ajaxError()方法来捕获任何失败的请求。
$(document).ajaxError(function( e, jqxhr ){
// Correct error..
});
在我发现错误后，我重置了授权。重置授权有效，但用户必须手动重新启动 ajax 调用（通过 ui）。
如何使用最初发送的 jqxhr 重新发送失败的请求？
（我为 ajax 使用 jQuery）
发现这篇文章提出了解决这个问题的好方法。
主要的事情是使用$.ajaxPrefilter并将您的错误处理程序替换为自定义的错误处理程序，该处理程序检查重试并使用闭包的“originalOptions”执行重试。
我发布了代码，以防将来它会离线。再次声明，版权归原作者所有。
// register AJAX prefilter : options, original options
$.ajaxPrefilter(function( options, originalOptions, jqXHR ) {
originalOptions._error = originalOptions.error;
// overwrite error handler for current request
options.error = function( _jqXHR, _textStatus, _errorThrown ){
if (... it should not retry ...){
if( originalOptions._error ) originalOptions._error( _jqXHR, _textStatus, _errorThrown );
return;
};
// else... Call AJAX again with original options
$.ajax( originalOptions);
};
});
在这种情况下，我将为403状态代码编写一个特定的处理程序，这意味着未经授权（我的服务器也会返回 403）。从 jquery ajax 文档，你可以做
$.ajax({
statusCode: {
403: function() {
relogin(onSuccess);
}
}
});
实现这一目标。
在那个处理程序中，我会调用一个relogin方法，传递一个函数来捕获登录成功时要执行的操作。在这种情况下，您可以传入包含要再次运行的调用的方法。
在上面的代码中，relogin应该调用登录代码，并且onSuccess应该是一个包装你每分钟执行一次的代码的函数。
编辑 - 根据您在评论中的澄清，这种情况发生在多个请求中，我个人会为您的应用程序创建一个 API，用于捕获与服务器的交互。
app = {};
app.api = {};
// now define all your requests AND request callbacks, that way you can reuse them
app.api.makeRequest1 = function(..){..} // make request 1
app.api._request1Success = function(...){...}// success handler for request 1
app.api._request1Fail = function(...){...}// general fail handler for request 1
/**
A method that will construct a function that is intended to be executed
on auth failure.
@param attempted The method you were trying to execute
@param args The args you want to pass to the method on retry
@return function A function that will retry the attempted method
**/
app.api.generalAuthFail = function(attempted, args){
return function(paramsForFail){ // whatever jquery returns on fail should be the args
if (attempted) attempted(args);
}
}
所以使用这种结构，在你的request1方法中你会做类似的事情
$().ajax({
....
statusCode: {
403: app.api.generalAuthFail(app.api.request1, someArgs);
}
}}
在generalAuthFailure将返回执行你在传递方法的回调。
下面的代码将保留原始请求并尝试成功 3 次。
var tries = 0;
$( document ).ajaxError(function( event, jqxhr, settings, thrownError ) {
if(tries < 3){
tries++;
$.ajax(this).done(function(){tries=0;});
}
});
您可以选择命名您的每个函数，然后按照 hvgotcodes 的答案中的说明调用它们。
或者
您可以使用可重用函数来设置请求，同时扩展默认值：
function getRequest( options ){
var // always get json
defaults = { dataType: 'json' },
settings = $.extend( defaults, options );
return // send initial ajax, if it's all good return the jqxhr object
$.ajax( settings )
// on error
.fail(function( jqxhr, e ){
// if the users autherization has failed out server responds with a 401
if( jqxhr.status === 401 ){
// Authenticate user again
resetAuthentication()
.done(function(){
// resend original ajax also triggering initial callback
$.ajax( settings );
});
}
});
};
要使用上述函数，您可以编写如下内容：
getRequest({
url: 'http://www.example.com/auth.php',
data: {user: 'Mike', pass: '12345'},
success: function(){ // do stuff }
});
将getRequest()很可能进行递归和/或转换成一个jQuery插件，但这足以满足我的需求。
注意：如果 resetAutentication 函数可能失败，getRequest()则必须递归。