javascript - 我的 promises 在 jQuery 1.8 中不再工作

这个代码片段在 1.7.2 中可以使用，支持成功/错误回调以及 Promise 风格的回调。在 1.8.2 中，成功/错误回调仍然可以使用，但 Promise 不行。我怀疑 return dfd.promise(jqXHR); 这一行是问题所在，但我不确定。

$.ajaxPrefilter(function (options, originalOptions, jqXHR) {

    // Don't infinitely recurse
    originalOptions._retry = isNaN(originalOptions._retry)
        ? Common.auth.maxExpiredAuthorizationRetries
        : originalOptions._retry - 1;

    // set up to date authorization header with every request
    jqXHR.setRequestHeader("Authorization", Common.auth.getAuthorizationHeader());

    // save the original error callback for later
    if (originalOptions.error)
        originalOptions._error = originalOptions.error;

    // overwrite *current request* error callback
    options.error = $.noop();

    // setup our own deferred object to also support promises that are only invoked
    // once all of the retry attempts have been exhausted
    var dfd = $.Deferred();
    jqXHR.done(dfd.resolve);

    // if the request fails, do something else yet still resolve
    jqXHR.fail(function () {
        var args = Array.prototype.slice.call(arguments);

        if (jqXHR.status === 401 && originalOptions._retry > 0) {

            // refresh the oauth credentials for the next attempt(s)
            // (will be stored and returned by Common.auth.getAuthorizationHeader())
            Common.auth.handleUnauthorized();

            // retry with our modified
            $.ajax(originalOptions).then(dfd.resolve, dfd.reject);

        } else {
            // add our _error callback to our promise object
            if (originalOptions._error)
                dfd.fail(originalOptions._error);
            dfd.rejectWith(jqXHR, args);
        }
    });

    // NOW override the jqXHR's promise functions with our deferred
    return dfd.promise(jqXHR);
});

更新：这是我失败的 ajax 请求：

$.ajax({
        url: someFunctionToGetUrl(),
        // works
        //success: callback,
        //error: ajaxErrorHandler
    }).then(
        [callback],
        [errorback, ajaxErrorHandler]
    );
};

答案＃1

编辑： 这是一个文档错误，但行为是按设计的。API 已经更改，deferred.then 现在的行为类似于 deferred.pipe，并且不再允许传入数组，但文档尚未更新以反映这一点。

相关错误：

• github： deferred.then 现在的行为类似于 deferred.pipe，但文档已经过时
• jQuery 缺陷追踪器： 工单 #12765：deferred.then([SuccessArrayFuncs], failFunc) 没有按描述工作

我在下面原始答案末尾描述的解决方法仍然适用。

原始答案：

在我看来这像是 jQuery 的一个漏洞。如果你传入单个函数引用作为第一个参数，它是有效的，但如果你传入一个函数数组，则无效：

http://jsfiddle.net/tunDH/

但是，文档说一个函数数组就可以了：

doneCallbacks   当 Deferred 被解决时调用的一个函数或函数数组。

而且，你是对的。它确实适用于 jQuery 1.7: http://jsfiddle.net/tunDH/1/

一种变通方法是将你所有的函数调用都包装在一个单独的函数中，而不是放在一个数组里：

$.ajax({ 
    url: someFunctionToGetUrl(), 
    // works 
    //success: callback, 
    //error: ajaxErrorHandler 
}).then( 
    function(){
        callback1.apply(this, arguments);
        callback2.apply(this, arguments);
    }, 
    [errorback, ajaxErrorHandler] 
); 

http://jsfiddle.net/tunDH/2/

你可能也需要对错误回调做同样的处理，但我没有测试过。