使用 Q 链接同步请求的 $.ajax() 不起作用

Question

我需要获取资源 A，然后是 B，等等，直到 n。我按照官方指南https://github.com/kriskowal/q#sequences按照以下方式做到了这一点。

var chain = Q();
            for(var i=0;i<x.length;i++){
            chain = chain.then( $.ajax({
                        type: "POST",
                        url : data_url,
                        data:pdata
                }) );
return chain;   

Answer 1

.then() 处理程序接受函数引用作为参数，而不是承诺。您的代码正在立即执行您的 ajax 调用，然后将返回的承诺传递给无效的 .then() 处理程序。

如果您希望 Ajax 调用稍后按顺序执行，那么您需要将它们放在这样的函数中，以便可以将该函数引用传递给 .then()。这样，promise 基础架构可以在未来某个时间调用您的函数：

var chain = Q();
for (var i = 0; i < x.length; i++) {
    chain = chain.then(function(priorResults) {
        return $.ajax({
            type: "POST",
            url: data_url,
            data: pdata
        });
    });
}
return chain;

您将函数引用传递给.then() 处理程序，以便promise 基础架构可以在以后执行该函数。

正如你所拥有的，$.ajax() 调用都立即执行，只有链接的承诺。

如果您尝试在.then() 处理程序中使用i 变量，那将无法正常工作，因为for 循环将完成，并且i 将在.then() 处理程序时具有其终端值叫做。通常的解决方案是在 ES6 中为 for 循环变量使用 let，使用类似 .forEach() 的东西进行迭代，或者确保 for 循环包含一个函数/闭包，该函数/闭包可以唯一地捕获每个单独的值i 变量。如果您显示您的实际代码，可以提供更多详细信息。

---

附：我认为您的问题中缺少一些代码，因为您可能不想每次都执行完全相同的 Ajax 调用。

如果您正在迭代一个数组，那么使用 Promise 串行迭代一个数组的常见设计模式是 .reduce()，如下所示：

array.reduce(function(p, item) {
    return p.then(function(priorResult) {
        return $.ajax(...);
    });
}, Q()).then(function(result) {
    // everything done here, final result
});