如何等待所有 Promise.all() 完成然后继续结果

Question

我知道这个问题不是这里第一个被问到的问题，但我尝试与其他 answers 合作，但我的代码没有按预期工作。我有一个 Promise.all 我有多个提取。获取的结果我变成了一个 json 然后继续。当一切都完成后，它应该打印“完成”，当然还有更多代码。但是，发生的情况是，“完成”被立即打印出来，然后一个接一个地输入获取的结果。

这是我的代码：

  Promise.all(selectedTypes.map((type) => {
    let body = {
      selectedScreenshot: type,
      dataUrl: dataUrl
    };
    fetch(URL, {
      method: 'POST',
      body: JSON.stringify(body),
      credentials: 'same-origin',
    })
    .then(resp => {
      console.log(resp.json()); //  this is done one by one as the results come in
      console.log('next');
    })
    }
  )).then(text => {
    console.log('done'); // this should be printed last, is printed first
  })

我做错了什么？

Answer 1

您需要返回fetch 并在fetch().then() 中返回一些结果，这里是Promise.all 的一些有用信息和示例

selectedTypes = ["https://jsonplaceholder.typicode.com/todos/1", "https://jsonplaceholder.typicode.com/todos/2"]; // My example
Promise.all(selectedTypes.map((type) => {
    let body = {
        //selectedScreenshot: type,
        //dataUrl: dataUrl
    };
    var URL = type;
    //You need to return the fetch
    return fetch(URL, {
        // method: 'POST',
        // body: JSON.stringify(body),
    }).then((resp) => resp.json()) // Transform the data into json
            .then(function (data) {
                console.log(data); //  this is done one by one as the results come in
                console.log('next');
                // you need to return the data
                return data;
            });
}
)).then(text => {
    text.forEach(function (item) {
        console.log('FROM PROMISE ALL');
        console.log(item);
    });
    console.log('done'); // this should be printed last, is printed first
});

例如，我添加了一些 json 链接，并评论了您问题中未声明的所有内容