javascript - 链式 jquery deferred.then() 未返回正确的 promise

Question

我从 jquery deferred.then() 文档中获取了示例代码:Chain tasks.

我发现的问题是 chained.done 处理程序，根据我的理解，应该在所有请求完成时调用它。 相反处理程序在第一个请求完成时执行，并从同一请求中检索有效负载。

这是我正在使用的代码:

var request = $.ajax("http://www.json-generator.com/j/bPyGnSXXTm", {
    dataType: "json",
    crossDomain: true
}),
    chained = request.then(function (data) {
        console.log('First call, data:', data);
        $('body').append('<p>' + 'First call, data: ' + JSON.stringify(data) + '</p>');
        return $.ajax(data[0].url, {
            crossDomain: true
        });
    });

chained.done(function (data) {
    // data retrieved from url2 as provided by the first request
    console.log('Second call, data:', data);
    $('body').append('<p>' + 'Second call, data: ' + JSON.stringify(data) + '</p>');
});

您可以找到jsfiddle here .

此外，您可以打开控制台并看到处理程序正在第二个请求之前执行(激活日志 XMLHttpRequests)。

根据我的理解，chained 正在获取request 的值，而不是应有的 $.ajax 的返回值。

Answer 1

使用 1.8 之前的 jQuery，需要使用 .pipe() 而不是 then():

chained = request.pipe(function (data) {...});

请参阅 DOC 了解版本之间的更改:http://api.jquery.com/deferred.then