promise.all()有一个请求失败该如何返回正确的请求数据

  function getData(api){
    return new Promise((resolve,reject) => {
      setTimeout(() => {
        var ok = Math.random() > 0.5  // 模拟请求成功或失败
        if(ok)
          resolve('get ' + api + ' data')
        else{
          // reject(api + ' fail')   // 如果调用reject就会使Promise.all()进行失败回调
          resolve('error')    // Promise all的时候做判断  如果是error则说明这条请求失败
        }
      },2000)
    })
  }
  function getDatas(arr){
    var promises = arr.map(item => getData(item))
    return Promise.all(promises).then(values => {
      values.map((v,index) => {
        if(v == 'error'){
          console.log('第' + (index+1) + '个请求失败')
        }else{
          console.log(v)
        }
      })
    }).catch(error => {
      console.log(error)
    })
  }
  getDatas(['./api1','./api2','./api3','./api4']).then(() => '请求结束')
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
`Promise.all` 可以同接受多个接口数据,它接受一个由多个 `Promise` 实例组成的数组作为参数,返回一个新的 `Promise` 实例,当数组中所有 `Promise` 实例都执行成功,该实例才会执行成功。其语法如下: ```javascript Promise.all([promise1, promise2, promise3]) .then(([result1, result2, result3]) => { // 所有 Promise 都成功执行的回调函数 }) .catch(error => { // 任意一个 Promise 执行失败的回调函数 }); ``` 其中,`then` 回调函数的参数是一个数组,包含了每个 `Promise` 执行成功后的结果,数组中的顺序与传入 `Promise.all` 的数组顺序相同。如果其中任意一个 `Promise` 执行失败,则会跳过后续的 `Promise`,并执行 `catch` 回调函数。 举个例子,如果我们需要同请求两个接口数据,并在两个接口数据返回后对数据进行处理,可以这样实现: ```javascript const promise1 = fetch('/api/data1'); const promise2 = fetch('/api/data2'); Promise.all([promise1, promise2]) .then(([response1, response2]) => { return Promise.all([response1.json(), response2.json()]); }) .then(([data1, data2]) => { // 处理两个接口返回数据 }) .catch(error => { // 处理异常情况 }); ``` 在上面的例子中,我们使用 `fetch` 函数请求了两个接口数据,并将返回的 `Promise` 实例放入一个数组中传给 `Promise.all`。在 `then` 回调函数中,我们将返回的 `Response` 对象转化为 JSON 数据,并将两个 `Promise` 实例放入一个新的数组中再次调用 `Promise.all`,以等待两个接口数据全部返回。最终我们可以在第二个 `then` 回调函数中使用返回数据进行处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值