promise解决重复调用同一接口（同步）

codezha

于 2020-06-01 16:56:19 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/codezha/article/details/106476520

前端专栏收录该内容

63 篇文章

订阅专栏

本文介绍了一种在前端开发中实现多次调用同一接口并等待所有数据返回后再执行后续操作的方法。通过封装请求数据方法并利用Promise.all收集所有请求结果，确保数据完整加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端实现多次调用同一个接口，所有数据均成功返回后，才可继续执行下面的代码

封装请求数据方法

getData(param) {
      return new Promise((resolve, reject) => {
        this.$axios
          .get(`/xx/xx/xxpath/${param}`)
          .then(res => {
            let content = res.data
            resolve(content)
          })
      })
    }

收集所有请求结果

let promiseList = []
list.forEach(item => {
  promiseList.push(this.getPhotoData(item))
})
Promise.all(promiseList).then(value => {
  console.log(value)
  //...下一步其他操作
})