我的承诺不再适用于jQuery 1.8

时间:2012-10-17 14:06:32

标签: javascript ajax jquery jquery-deferred

此代码片段在1.7.2中有成功/错误回调以及promises样式回调。使用1.8.2,成功/错误回调仍然有效,但承诺没有。我的预感是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 个答案:

答案 0 :(得分:7)

编辑:这是一个文档错误,但行为是设计的。 api发生了变化,deferred.then现在表现得像deferred.pipe,不再允许传入数组,但文档尚未更新以反映这一点。

相关错误:

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


原始回答:

对我来说,它看起来像一个jQuery错误。如果传入单个函数引用作为第一个参数,它可以工作,但如果传入一个函数数组则不行:

http://jsfiddle.net/tunDH/

但是,the documentation说一系列函数就可以了:

  

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/

你可能需要对错误回调做同样的事情,但我没有测试。