如何排列 jQuery 延迟对象

Question

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

    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"下进行了概述。（整篇文章非常值得一读）。

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()。

解析的启动器承诺 $.when() 会导致构造的链开始建立，并且 ajax 调用按顺序进行。

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

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