码迷,mamicode.com
首页 > 微信 > 详细

微信小程序 onLoad 函数

时间:2018-06-01 11:36:33      阅读:988      评论:0      收藏:0      [点我收藏+]

标签:函数名   direct   获取   AC   进入   load   关注   元素   功能   

  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 函数

标签:函数名   direct   获取   AC   进入   load   关注   元素   功能   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!