包装jQuery.ajax:级联内部jqXHR作为一个新的延迟对象返回

如果我正确理解了你想做的事情，那是不可能的。问题是，您的代码在创建jqXHR对象之前就从$.myAjax()返回，因此jqXHR对象不可能是$.myAjax()函数调用的实际返回对象。你可以从返回的承诺中访问它，但是返回的承诺将是你在ajax调用开始之前创建的承诺。

仅供参考，你的代码中也有一些承诺反模式，因为你从$.when()处理程序返回$.ajax()，而不是使用你创建的另一个延迟。从.then()处理程序中返回一个承诺会自动将该承诺链接到原始承诺。

这是你发布的解决方案的清理版本。更改摘要:

1. 将文件读取封装到一个局部函数中，以避免在循环中声明函数，并允许所有核心逻辑流只使用承诺而不是承诺和回调的混合(例如封装回调)。
2. 为文件读取器添加错误处理
3. 切换延迟回调模型(std承诺使用)
4. 删除了延迟的反模式，而只是返回ajax承诺，它将根据需要为您提供ajax调用的解析或拒绝参数
5. 切换到.then()，它具有更标准的行为，并且当jQuery使其承诺标准兼容时不需要更改

代码:

// The signature is the same with $.ajax
$.myAjax = function(url, options) {
    function readFile(data, name) {
        var file = data[name];
        if (file instanceof File) {
            return $.Deferred(function(dfd) {
                var reader = new FileReader();
                reader.onload = function(e) {
                    dfd.resolve(e.target.result);
                    data[name] = e.target.result;
                };
                reader.onerror = reader.onabort = dfd.reject;
                reader.readAsText(file);
            }).promise();
        }
    }
    var data = options.data;
    var promises = [];
    for(var name in data) {
        if(data.hasOwnProerty(name)) {
            promises.push(readFile(data, name));
        }
    }
    // trigger when all file fields was loaded.
    // so the data were all constructed.
    return $.when.apply($, promises).then(function() {
        return $.ajax(url, options);
    });
}

我自己的解决办法:

最后，我尝试制作一个延迟的resolveWith或rejectWith的jqXHR.done()和jqXHR.fail()签名的参数列表。

签名引用:http://api.jquery.com/jQuery.ajax/#jqXHR

jqXHR.done(function( data, textStatus, jqXHR ) {});
jqXHR.fail(function( jqXHR, textStatus, errorThrown ) {});
jqXHR.always(function( data|jqXHR, textStatus, jqXHR|errorThrown ) {});

所以整体的解决方案是:

// The signature is the same with $.ajax
$.myAjax = function(url, options) {
    var data = options.data;
    var promises = [];
    for(var name in data) {
        if(data.hasOwnProerty(name)) {
            var val = data[name];
            if(val instanceof File) {
                (function(name, val) {
                    // Deferred for a single field loaded.
                    var dfd = $.Deferred();
                    var reader = new FileReader();
                    reader.onload = function(e) {
                        data[name] = e.target.result;
                        dfd.resolve();
                    }
                    reader.readAsText(val);
                    promises.push(dfd.promise());
                })(name, val);
            }
        }
    }
    // Overall deferred to cascading jqXHR from ajax.
    // with returning the same argument list.
    var deferred = $.Deferred();
    // resolveWith or rejectWith requires a context.
    // Thought from the jQuery ajax source code.
    var callbackContext = options.context || options;
    // trigger when all file fields was loaded.
    // so the data were all constructed.
    $.when.apply($, promises).done(function() {
        // ********** FINAL SOLUTION **********
        $.ajax(url, options).done(
          function(data, textStatus, jqXHR) {
            deferred.resolveWith(context, 
                [data, textStatus, jqXHR]); 
        }).fail(
          function(jqXHR, textStatus, errorThrown) {
            deferred.rejectWith(context, 
                [jqXHR, textStatus, errorThrown]);
        });
    });
    // So that the resulting promise is well constructed.
    return deferred.promise();
}

var dfd = $.myAjax({
    url: '...',
    // ...
}).done(function(data, textStatus, jqXHR) {
    // triggered when the inner ajax done ...
}).fail(function(jqXHR, textStatus, errorThrown) {
    // triggered when the inner ajax fail ...
});