1

我实现了这个:

可以使用 javascript 来“获取”多个 XML 文件吗?

但是,我的问题更复杂,因为我有大量的 xml 文件 (40)。

我做了这样的承诺数组:

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);

我注意到这些文件在响应数组中的顺序与添加到承诺数组中的顺序不同?相反,顺序似乎是完全随机的?重要的是promise 和response 数组的顺序是相同的。因为我接下来想对数据做些什么。为什么顺序不一样?请帮助某人。

== 附加 ==

这是完整的代码:

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);
    }
});
4

1 回答 1

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结果(实际上应该是相同的对象集合,以相同的方式排序),因为原始名称/数据集合保留在执行上下文中。

这样,无论代码如何选择使用 Promise 或聚合 Promise 实现如何工作,都不可能将数据与参数分离。另一个好处是代码可以在执行过程中询问对象数组,例如,通过计算data属性中的空值来衡量进度。

于 2018-06-14T15:22:14.750 回答