微信小程序循环发送请求，用setInterval解决异步加载

最新推荐文章于 2025-05-19 22:31:01 发布

达嘘

最新推荐文章于 2025-05-19 22:31:01 发布

阅读量9.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序学习

本文链接：https://blog.youkuaiyun.com/weixin_42253152/article/details/80492170

微信小程序学习专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在微信小程序中处理异步请求并确保所有请求完成后才继续执行的方法。通过使用setInterval实现循环检查，确保所有数据加载完成后再调用特定函数。

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

最近遇到一个场景，需要我读取一个数组的内容，然后写个for循环来发送请求,在请求发送结束后调用一个函数，代码如下

getFoodList: function () {

    var that = this;

    for (var i = 0; i < that.data.recordDate.length; i++) {

      var date = that.data.recordDate[i].date;

      wx.request({

        url: getApp().globalData.url

        data: {

          secretKey: that.data.secretKey,

          eatDate: date

},

        header: {

          'content-type': 'application/json'

},

        success: function (res) {

          if (res.data.foodLists != undefined)

            that.data.foodInfo.push(res.data.foodLists);

          that.setData(

{

              foodInfo: that.data.foodInfo

}

)

}

})

}

that.setShowFlag();

},

因为微信小程序异步加载的特性，这样写显然无法满足我执行完请求后调用方法的需求。

对此，最优秀的解决方案应该是用promise，网上有许多博客，但我一时半会没能用起来，这边给大家推荐一个蠢办法，解决燃眉之急。就是使用setInterval让他等待请求执行，等请求执行完毕了再调用你希望调用的方法。

代码如下：

    var timer = setInterval(function () {
      console.log("循环定时器等待循环请求结束")
      console.log("that.data.recordDate.length:" + that.data.recordDate.length)
      console.log("that.data.foodInfo.length:" + that.data.foodInfo.length)
      if (that.data.recordDate.length == that.data.foodInfo.length)
      {
        that.setShowFlag();
        clearInterval(timer);
      }
    }
      , 500)