axios同时多次调用同一api，等全部正确返回的时候执行下一步问题。

Question

现在封装了一个 api 叫 postItemData(){}; 提交数据的时候会在 submit(){} 通过一个数组里面的项目多次调用此api，如下：

    postItemData(data){ 
        axios.post(data).then()
    },
    submit(array){
        array.forEach(item => {
            this.postItemData(item)
        })
    }

请问 怎么等所有请求正确返回之后执行 回调函数？ 感觉应该使用 axios.all ，请求该怎么书写？ 谢谢了

Answer 1

Promise.all([请求1，请求2, ...])
  .then(res => {
    console.log(res)
    // doSomething...
  })

如果不明白的话，可以看一下我在知乎写的教程 https://zhuanlan.zhihu.com/p/...

Answer 2

 axios.all([
        axios.get('https://api.github.com/users/mzabriskie'),
        axios.get('https://api.github.com/users/mzabriskie/orgs')
      ]).then(axios.spread(function (user, orgs) {
        document.getElementById('useravatar').src = user.data.avatar_url;
        document.getElementById('username').innerHTML = user.data.name;
        document.getElementById('orgs').innerHTML = orgs.data.map(function (org) {
          return (
            '<li class="row">' +
              '<img src="' + org.avatar_url + '" class="col-md-1"/>' +
              '<div class="col-md-3">' +
                '<strong>' + org.login + '</strong>' +
              '</div>' +
            '</li>'
          );
        }).join('');
      }));

https://github.com/axios/axio...

Answer 3

promise.all

Answer 4

    postItemData(data){ 
        return axios.post(data)
    },
    submit:async function(array){
        await Promise.all(array.map(item => this.postItemData(item)));
        //执行下一步
    }