首页 > 微信 > 详细

微信小程序 onLoad 函数

时间:2018-06-01 11:18:12      阅读:428      评论:0      收藏:0      [点我收藏+]
  1. 小程序注册完成后,加载页面,触发onLoad方法。

  2. 页面载入后触发onShow方法,显示页面。

  3. 首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次。

  4. 当小程序后台运行或跳转到其他页面时,触发onHide方法。

  5. 当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法。

  6. 当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload

  例如:

  我们定义了一个方法:

  功能是:当用户打开这个页面就会调用下面这个函数

 1   /**
 2    * 获取商品详情信息
 3    */
 4   getdata: function (product_id) {//定义函数名称
 5     var that = this;
 6     wx.request({
 7       url: url,//请求地址
 8       header: {//请求头
 9         "Content-Type": "applciation/json"
10       },
11       method: "GET",//get为默认方法/POST
12       success: function (res) {
15         that.setData ({
16           data: res.data
23       },
24       fail: function (err) { },//请求失败
25       complete: function () { }//请求完成后执行的函数
26     })
27   },

  然后,onLoad调用这个函数

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {this.getdata(options.id);
  },

这样就可以了。

你也可以关注我的微信公众号 lovephp , 一起交流学习 。

技术分享图片

微信小程序 onLoad 函数

原文:https://www.cnblogs.com/ldj3/p/9120748.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!