使用延迟和管道的链式回调

Question

我正在努力使用 deferred 将回调与管道链接起来。它似乎工作得很好，但在回调 2 中，它为我带来了来自回调 1 的数据。下面是代码的样子：

var getCall1 = function() {
    return $.ajax(url, {
        type: "GET",
        data: { },
        contentType: "application/json",
        dataType: "json"
    });
}


var getCall2 = function () {
    return $.ajax(url, {
        type: "GET",
        data: {},
        contentType: "application/json",
        dataType: "json"
    });
}

var callback1 = function (data)
            {
                alert('call 1 completed');
            };

var callback2 = function (data)
            {
                alert('call 2 completed');
            };

$.when(getCall1()).done(callBack1).pipe(getCall2()).done(callBack2);

我在这里错过了什么？

--编辑--

如果我将它们分成两个延迟调用，它可以工作，但是链接和管道有什么用？

$.when(getCall1()).done(callBack1);
$.when(getCall2()).done(callBack2);

--正确的做法--

var getCall1 = function() {
    return $.ajax(url, {
        type: "GET",
        data: { },
        contentType: "application/json",
        dataType: "json"
    });
}.pipe(function (d){return d});


var getCall2 = function () {
    return $.ajax(url, {
        type: "GET",
        data: {},
        contentType: "application/json",
        dataType: "json"
    });
}.pipe(function (d){return d});

var callback1 = function (data)
            {
                alert('call 1 completed');
            };

var callback2 = function (data)
            {
                alert('call 2 completed');
            };

        $.when(getCall1, getCall2).done(function(d1, d2){
            callback1(d1);
            callback2(d2);

        });

Answer 1

你应该写pipe(getCall2)，而不是pipe(getCall2())。 deferred.pipe() 期望回调返回延迟，而不是延迟本身。这是有道理的，因为关键是链接请求（即仅在第一个 ajax 调用完成后才开始第二个调用），并且您只能在开始操作后获得延迟。

Answer 2

我在您的代码中理解的是，只有在 getCall1 成功时，您才想调用 getCall2。

所以你的代码看起来不错。我在 jsFiddle 中尝试过（有一个更简单的例子），它对我很有用：

http://jsfiddle.net/PG3aN/

也许这是一个愚蠢的问题，但你确定 getCall1 和 getCall2 不应该简单地从服务器返回相同的结果吗？这可以解释为什么你在回调 1 和 2 中得到相同的数据。

其他问题，在你上一个代码示例中，你写

var getCall1 = function() {
return $.ajax(url, {
        type: "GET",
        data: { },
        contentType: "application/json",
        dataType: "json"
    });
}.pipe(function (d){return d});

最后一个管道是否会改变您的代码行为？

关于您上一个代码示例的最后一句话，预期的结果是不一样的。在这段代码中，您写道，只有当 getCall1 和 getCall2 都成功时，您才会调用 callback1 和 callback2。这与您的第一个代码的行为不同。

编辑：具有真正异步结果的新 jsFiddle

http://jsfiddle.net/PG3aN/1/