带有嵌套ajax调用的jQuery延迟对象

Question

我有一种情况，我的ajax调用必须以特定的顺序执行。我在其他情况下使用了jQueryDeferred对象，但似乎找不到一种方法来使其正常运行。

我有一个函数，在它的生命周期中执行许多ajax请求。一些请求将在其他请求的成功回调期间执行。

我的问题：当调用时，是否有方法将所有嵌套的延迟对象返回到原始的$？

一个简单的例子是：

function nestedAjax() {
    $.get("/", function(){
        console.log("First ajax done.");
        $.get("/", function(){
            console.log("Second ajax done.");
        });
    });
};

我正在尝试使用nestedAjax函数来使用$。when（）和$。done（）如下所示：

$.when(nestedAjax()).done(function(){
    console.log("Complete");
});​

控制台输出读数为：

> First ajax done.
> Second ajax done.
> Complete.

我可以返回第一个get，以实现此目的：

> First ajax done.
> Complete.
> Second ajax done.

但显然这不是我所需要的。任何帮助都将不胜感激。




Answer 1

由于某种原因，无法对上述答案添加评论。

所以我在这里加上我的评论。只有当ajax调用很快并且在返回dfd.promise（）之前返回时，上述答案才有效。

我也有同样的问题。正如你所看到的。返回的延迟对象声明它是“挂起的”：http://jsfiddle.net/BtEKa/

Answer 2

实际上，您不需要额外的延迟对象。通过使用then（）链接，您可以做您想做的事情：

function nestedAjax() {
    return $.get("/echo/json/").then(function(result1){
        console.log("First ajax done.");
        if (result1) {
            return result1;
        } else {
            return $.get("/echo/json/").then(function(nestedResult){
                console.log("Second ajax done.");
                return nestedResult;
            });
        }
    });
};

我添加了一些逻辑，因为我认为这可能是您同步执行此操作的原因。之后，您可以在$中使用结果。如果如此：

$.when(nestedAjax(), $.get("/something/else")).then(function(nested, other) {
    console.log("Complete.", nested, other);
});

Answer 3

其实很简单。虽然所有AJAX调用都是延迟对象，但我仍然为方法本身使用一个。

function nestedAjax() {
    var dfd = $.Deferred();
    $.get("/echo/json/", function(){
        console.log("First ajax done.");
        $.get("/echo/json/", function(){
             console.log("Second ajax done.");
            dfd.resolve();
        });
    });

    return dfd.promise();
};