axios合并异步请求

最新推荐文章于 2025-02-13 21:55:36 发布

Jane_96

最新推荐文章于 2025-02-13 21:55:36 发布

阅读量4.1k

点赞数 1

分类专栏： JavaScript React系列文章标签： axios

本文链接：https://blog.youkuaiyun.com/Jane_96/article/details/83376488

版权

JavaScript 同时被 2 个专栏收录

21 篇文章

订阅专栏

React系列

21 篇文章

订阅专栏

本文介绍了如何使用axios合并异步请求，特别是在页面初始化时需要进行多个请求的情况。通过axios，可以在所有请求完成后统一处理结果，确保操作在所有请求结束之后执行。

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

axios合并异步请求，比如页面初始化的时候需要进行三次请求，而我们需要在这三个请求都结束后进行操作。但是由于我们无法确认异步什么时候结束，所以可以使用axios请求来将三个请求合并发送（注意：发送的仍然是三个请求，并不是合并成了一个请求），最后可以等这三个请求都结束后开始想进行的操作

initData1 = () => {
    return axios.get(baseUrl1, {
      params: {
        param1:param1
      }
    });
  }

  initData2 = () => {
    return axios.get(baseUrl2, {
      params: {
        param1:param1
      }
    });
  }

  initData3 = () => {
    return axios.get(baseUrl3, {
      params: {
        param1:param1
      }
    })
  }

  initDataAll = () => {
    axios.all([this.initData1(), this.initData2(), this.initData3()])
      .then(axios.spread((acct, acct2, acct3) => {
        //此时三个请求已经完成，三个参数分别存放三个请求返回的结果
      }));
  }