js循环调用异步接口请求

samscat

已于 2023-03-16 00:52:30 修改

阅读量379

点赞数 1

分类专栏：小程序文章标签： javascript 前端

于 2022-10-12 21:41:15 首次发布

本文链接：https://blog.csdn.net/samscat/article/details/127291270

版权

javascript 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

小程序

6 篇文章 0 订阅

订阅专栏

得到一个需求，需要循环调用接口十次，并且每次调用时延迟1s，如果得到结果则结束循环。处理如下：

const getLoopResult = async (index, total, isGetRes) => {
     await new Promise((resolve) => {
         setTimeout(() => {
             getFunctionResult({'b':b}).then(res => {
                 // 调用请求成功
                 if(res.code == 200) {
                   isGetRes = true
                   this.setData({
                       isMute: b,
                       isClickedXiaoyinBtn: false
                   })
                   wx.hideToast()
                 } else {
                     isGetRes = false
                     if(index === total - 1) {
                     // 第十次调用请求失败
                         wx.hideToast({
                           success: () => {
                               wx.showToast({
                                 title: `设备${that.data.isMute == 1 ?'关闭':'打开'}失败，请稍候再试`,
                                 icon: 'none'
                               })
                           },
                         })
                         that.setData({
                           isClickedXiaoyinBtn: false
                         })
 
                     }
                 }
                 resolve(isGetRes)
             })
         }, 1000)

     })
     if(index < total-1 && !isGetRes) {
         getLoopResult(index+1, total, isGetRes)
     }
    
}

// 最多调用getFunctionResult十次，并且每次延迟1s再调用接口
getLoopResult (0, 10, false)