微信小程序中Callback回调函数

Posted Wahaha、

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序中Callback回调函数相关的知识,希望对你有一定的参考价值。

前言:微信小程序中,onLaunch 方法和 onLoad 方法是同时执行的,但是有时我们需要等 onLaunch 方法执行完毕之后在 onLoad 方法中获取某个网络请求得到的值,由于网络请求有时会比较慢,所以 onLoad 方法可能在 onLaunch 方法之前执行,这时候我们可以自定义 Callback 回调函数来解决问题

实例:在小程序启动时的 onLaunch 方法中网络请求一组数据放入 globalData 全局变量中,在页面的 onLoad 方法中获取全局变量

app.js代码

App({
  //小程序启动后触发
  onLaunch: function() {
    http.postRequest("Home/GetSysInfo", "", res=> {
      //存入全局变量
      this.globalData.tabtext = res.Data;
      // 由于 GetSysInfo 是网络请求,可能会在 Page.onLoad 之后才返回
      // 所以此处加入 Callback 以防止这种情况
      if (this.getSysInfoCallback) {
        this.getSysInfoCallback(res)
      }
    }, function(res) {
      console.log("网络请求失败!")
    });
  },
  //设置全局对象
  globalData: {
    tabtext: [], //系统文字信息
  }
})

.js代码

onLoad: function() {
  //Object.keys().lenght判断全局数组中是否有值
  if (Object.keys(getApp().globalData.tabtext).length>0) {
    //如果有值,则从全局变量中取值
    this.setData({
      titletext: app.globalData.tabtext[0].Desc
    })
  } else {
    //如果无值,调用Callback回调函数直接取值
    app.getSysInfoCallback = res => {
      this.setData({
        titletext: res.Data[0].Desc
      })
    }
  }
}

End!

以上是关于微信小程序中Callback回调函数的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序Component组件调用回调函数this指向不是本页面

微信小程序:函数回调

微信小程序:函数回调

微信小程序支付成功后没有回调函数返回。

微信小程序设置全局请求URL 封装wx.request请求

09 微信小程序中 一些封装的函数