微信小程序一个js文件读取多个接口数据

本文探讨了在小程序中如何有效处理多个API接口的数据请求,通过分步请求的方式,依次从三个不同的接口获取数据,并使用setData方法更新页面状态。文章详细展示了如何在onLoad生命周期函数中组织这些请求,确保数据的正确性和及时展示。

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

我也不知道这个叫啥问题

我也不知道这样写是不是不对

数据确实拿到了

data: {

    warningarr:null,

    mydata:null,

    mySensor:null

  },

 

  

  /**

   * 生命周期函数--监听页面加载

   */

  onLoad: function (options) {

    ....../*自己的几个定义*/

    var that = this;

    wx.request({

      url: '接口1',

      data:{

        ...../*接口1字段*/

      },

      header: {

        'content-type': 'application/json', // 默认值

    },

 

      success:function(res){

        console.log(res.data)

        wx.request({

          url: '接口2',

          data:{

              ..../*接口2字段*/

          },

          header: {

            'content-type': 'application/json', // 默认值

          },

          success:function(res){

            console.log(res.data)

            wx.request({

              url: '接口3',

              data:{

               ..../*接口3的字段*/

              },

              header: {

                'content-type': 'application/json', // 默认值

              },

              success:function(res){

                console.log(res.data)

                that.setData({

                  mySensor:res.data,

                })

              }

            }),

              that.setData({

                mydata:res.data,

              })

          },

        })

        

        that.setData({

          warningarr: res.data,

      })

      }

    })

 

  },

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值