Question

我很长一段时间后都在使用jquery。我需要调用一些Rest API来从每个API中获取一些数据。然后，在所有调用的结果中创建一个合并的结果对象。

这样的事情：

输出我正在寻找：

result {
    a: 123,
    b: 456, ....
    z: 789
}

伪：

var result = {}; // final object containing consolidated result
$.getJSON(restapi1, function (data) {
    result["a"] = data.total;
});

// next rest call to fetch b
$.getJSON(restapi2, function (data) {
    result["b"] = data.total;
});

// so on...
// after fetching all values and storing them in one result object access elements like
var value1 = result.a;

我知道我可以使用Promise.all()，但它会将数组作为输出＆amp;我想避免在它上面循环以获取所需的元素。

请建议。 谢谢。

Answer 1

我知道我可以使用Promise.all()，但它会将数组作为输出

是的，但您不必使用它提供的结果。您可以像在伪代码中一样使用副作用。

如果您的各种$.getJSON来电都是单独编写的，那么这是jQuery $.when的一个用例：

var result = {}; // final object containing consolidated result
$.when(
    $.getJSON(restapi1, function (data) {
        result["a"] = data.total;
    }),
    // next rest call to fetch b
    $.getJSON(restapi2, function (data) {
        result["b"] = data.total;
    }),
    // ...
).done(function() {
    // use `result`
});

如果你有一个循环，可以使用$.when，但很尴尬：

var result = {}; // final object containing consolidated result
var promises = [];
for (/*...*/) {
    promise.push($.getJSON(/*...*/));
}
$.when.apply($, promises).done(function() {
    // use `result`
});

...所以在这种情况下Promise.all可能更好，只要您可以假设它存在于环境中（本机，或者因为您将其填充或使用增强的promise lib）：

var result = {}; // final object containing consolidated result
var promises = [];
for (/*...*/) {
    promise.push($.getJSON(/*...*/));
}
Promise.all(promises).done(function() {
    // use `result`
});

Answer 2

我的方法如下：

// a wrapper for the basic retrieval functionality
async function getTotal( param ) {
  const res = await $.getJSON( param.url );
  return { name: param.name, total: res.total };
}

async function getData() {
  // start all requests
  // api list contains entries like { name: 'a', url: restapi1 }
  const reqs = apilist.map( url => getTotal )

  // wait for all requests to finish
  const resp = await Promise.all( reqs );

  // convert to the output format
  return resp.reduce( (el,all) => { all[el.name] = el.total; return all; }, {} );
}

getData().then( (result) => /* ... */ );

来自一系列getJSON（）调用的合并结果对象

2 个答案: