微信小程序 onLoad 函数

Posted 2020-11-10 梦想_行人

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 ， 一起交流学习 。