vue 多个请求并发的处理方式Promise

最新推荐文章于 2025-04-21 16:48:05 发布

AlexKain

最新推荐文章于 2025-04-21 16:48:05 发布

阅读量1.4w

点赞数 1

分类专栏： vue 文章标签：并发请求 promise

本文链接：https://blog.youkuaiyun.com/webfullstack/article/details/85123321

版权

vue 专栏收录该内容

32 篇文章

订阅专栏

本文深入探讨了如何使用 Promise.all 方法来同步处理多个异步请求。通过实例代码，详细讲解了当所有请求成功完成时如何统一处理数据，以及在任何一个请求失败时如何捕获错误。适用于 JavaScript 开发者提升异步编程技巧。

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

let getProd = new Promise((resolve, reject) => {
   apiProduct({prdctId}, res => {
      if(res.data.errcode === 0){
        resolve(res.data.data)
      } else {
        reject()
      }
    })
  });
  let getCust = new Promise((resolve, reject) => {
    apiCustDtl({custId}, res => {
       if(res.data.errcode === 0){
         let data = res.data.data;
         resolve(data);
       } else {
         reject()
       }
     })
   });
   Promise.all([getProd, getCust]).then((res) => {
    let [prod, cust] = res;
      this.bindCust(cust);
       // 要把回调写在这里面
      
    }).catch(err => {
      this.msg('获取信息失败', 'error');
    });