如何排列jQuery延迟对象？

Question

我需要延迟每个 Ajax 调用，直到前一个函数 (hashcode.Sign()) 完成。不幸的是，我的代码不会等到hashcode.Sign() 完成，这会搞砸一切，因为该函数会创建一个新会话，并且它不能被覆盖以使事情正常工作。我该怎么做？我是 Deferred 对象的新手，所以请原谅我缺乏知识。

    for (var l = 0; l < fileArray.length; l++) {
        var d = new jQuery.Deferred();
        d.resolve(openDdoc(fileArray[l].url, $pid, fileArray[l].id));
        d.done(function() { console.log('done'); });
    }

    function openDdoc(url, pid, fid) {
        var def = new jQuery.Deferred();
        $.when(def).done(function() { console.log('Function completed!'); });
        def.resolve($.ajax({
                    url: '/open-ddoc',
                    type: 'post',
                    async: false,
                    data: {doc: url, pid: pid, fid: fid},
                }).done(function (data) {
                    hashcode.Sign();
                }).fail(function(data) {
                    console.log('this shit failed');
                }));
    }

hashcode.Sign() 函数包括更多的 Ajax 调用和对其他函数的调用。如果需要，我可以稍后包含它。我知道我可以使用 setTimeout() 解决所有这些问题，但这不是我的首选。

Answer 1

这不是很明显，但您寻求的顺序可以用fileArray().reduce(...) 的形式表示。

这种久经考验的模式在子标题“The Collection Kerfuffle”下概述了here。 （整篇文章很值得一读）。

fileArray.reduce(function(promise, file) {
    return promise.then(function() {
        return $.ajax({
            url: '/open-ddoc',
            type: 'post',
            async: true, // <<<<< always TRUE!!
            data: {doc: file.url, pid: $pid, fid: file.id}
        });
    }).then(function(data) {
        console.log(file.id + ': done');
        return hashcode.Sign(); // hashcode.Sign() must return a promise
    });
}, $.when()) // <<<<< resolved promise to get the chain started
.then(function() {
    console.log('all done');
});

在这种模式下，fileArray 的每个成员都被依次（同步）访问，每次访问时都会将新的.then() 添加到不断增长的 Promise 链中。

已解决的启动器承诺$.when() 使构造的链开始稳定，并按顺序进行 ajax 调用。

ajax 调用不需要在单独的函数中，除非它将在其他地方调用。

应该强调 hashcode.Sign()（我们理解为异步）必须以正确的方式编写，以便它返回有效的承诺。如果不是，则结算过程无法确保其异步性在继续之前完成。