Q Library Promise Pattern 用于检索多个 XML 文件并按顺序显示它们

Question

我实现了这个：

但是，我的问题更复杂，因为我有更多的 xml 文件 (40)。

我这样创建了 promises 数组：

var promises = [ xmlPromise('data/sequence/xml/0.xml'),
                 xmlPromise('data/sequence/xml/1.xml'),
                 xmlPromise('data/sequence/xml/2.xml'),
                 xmlPromise('data/sequence/xml/3.xml'),
                 xmlPromise('data/sequence/xml/4.xml'),

等等

当我在控制台日志中查看 xml 文件中的数据时：

for (i = 0; i < 40; i++) {
    console.log(responses[i].value);

我注意到文件在响应数组中的顺序与它们添加到承诺数组的顺序不同？相反，顺序似乎是完全随机的？ promises 和 responses 数组的顺序必须相同，这一点很重要。因为接下来我想用数据做什么。为什么顺序不一样？请帮助某人。

== 追加 ==

完整代码如下：

function xmlPromise(name) {
    return Q.promise(function (resolve, reject, notify) {
        $.ajax({
            type: "GET",
            dataType: "xml",
            async: true,
            url: name,
            contentType: "text/xml; charset=UTF-8"
        })        
       .done(function (data) {
           resolve(data);
        }).fail(function () {
            reject();
        });
    });
};

var promises = [ xmlPromise('data/sequence/xml/0.xml'),
                 xmlPromise('data/sequence/xml/1.xml'),
                 xmlPromise('data/sequence/xml/2.xml'),
                 xmlPromise('data/sequence/xml/3.xml'),
                 xmlPromise('data/sequence/xml/4.xml'),
                 xmlPromise('data/sequence/xml/5.xml'),
                 xmlPromise('data/sequence/xml/6.xml'),
                 xmlPromise('data/sequence/xml/7.xml'),
                 xmlPromise('data/sequence/xml/8.xml'),
                 xmlPromise('data/sequence/xml/9.xml'),
                 xmlPromise('data/sequence/xml/10.xml'),
                 xmlPromise('data/sequence/xml/11.xml'),
                 xmlPromise('data/sequence/xml/12.xml'),
                 xmlPromise('data/sequence/xml/13.xml'),
                 xmlPromise('data/sequence/xml/14.xml'),
                 xmlPromise('data/sequence/xml/15.xml'),
                 xmlPromise('data/sequence/xml/16.xml'),
                 xmlPromise('data/sequence/xml/17.xml'),
                 xmlPromise('data/sequence/xml/18.xml'),
                 xmlPromise('data/sequence/xml/19.xml'),
                 xmlPromise('data/sequence/xml/20.xml'),
                 xmlPromise('data/sequence/xml/21.xml'),
                 xmlPromise('data/sequence/xml/22.xml'),
                 xmlPromise('data/sequence/xml/23.xml'),
                 xmlPromise('data/sequence/xml/24.xml'),
                 xmlPromise('data/sequence/xml/25.xml'),
                 xmlPromise('data/sequence/xml/26.xml'),
                 xmlPromise('data/sequence/xml/27.xml'),
                 xmlPromise('data/sequence/xml/28.xml'),
                 xmlPromise('data/sequence/xml/29.xml'),
                 xmlPromise('data/sequence/xml/30.xml'),
                 xmlPromise('data/sequence/xml/31.xml'),
                 xmlPromise('data/sequence/xml/32.xml'),
                 xmlPromise('data/sequence/xml/33.xml'),
                 xmlPromise('data/sequence/xml/34.xml'),
                 xmlPromise('data/sequence/xml/35.xml'),
                 xmlPromise('data/sequence/xml/36.xml'),
                 xmlPromise('data/sequence/xml/37.xml'),
                 xmlPromise('data/sequence/xml/38.xml'),
                 xmlPromise('data/sequence/xml/39.xml') ];

var results = [];

Q.allSettled(promises).then(function(responses) {
    for (i = 0; i < 40; i++) {
        console.log(responses[i].value);
        results.push(responses[i].value);
    }
});

Answer 1

令人惊讶的是，OP 代码没有导致延迟操作的参数与结果之间的对应关系，但我们可以通过这种方式强制解决问题...

let objects = [ { name:'data/sequence/xml/0.xml', data:null },
                { name:'data/sequence/xml/1.xml', data:null }, // ...


function xmlGetter(object) {
    return Q.promise(function (resolve, reject, notify) {
        $.ajax({
            type: "GET",
            dataType: "xml",
            async: true,
            url: object.name,                       // <-- changed
            contentType: "text/xml; charset=UTF-8"
        })        
       .done(function (data) {
           object.data = data.value;                // <-- changed
           resolve(object);                         // <-- changed
        }).fail(function () {
            reject();
        });
    });
};

let promises = xmlObjects.map(function(object) {
    return xmlGetter(object);
});

Q.allSettled(promises).then(function() {
    for (i = 0; i < objects.length; i++) {
        console.log('file ' + i + ' data ' + object.data);
    }
});

请注意，代码忽略了 allSettled 结果（实际上应该是相同的对象集合，以相同的方式排序），因为原始的 name/data 集合保留在执行上下文中。

这样，无论代码如何选择使用 promise 或聚合 promise 实现如何工作，都不可能解除数据与参数的关联。另一个好处是代码可以在执行继续时询问对象数组，例如，通过计算 data 属性.

中的空值来衡量进度

Q Library Promise Pattern 用于检索多个 XML 文件并按顺序显示它们

Q Library Promise Pattern for retrieving multiple XML files and displaying them in order

xml

ajax

jquery

qlibrary

promise