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

最新推荐文章于 2025-10-06 10:43:25 发布

原创最新推荐文章于 2025-10-06 10:43:25 发布 · 1.4w 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#并发请求 #promise

vue 专栏收录该内容

32 篇文章

订阅专栏

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

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');
    });