• 微信小程序 onLoad 函数


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

  • 相关阅读:
    javascript与XML
    错误调试
    Js节点操作
    vue渲染时对象里面的对象的属性提示undefined,但渲染成功
    html5脚本编程
    用canvas把页面中所有元素的轮廓绘制出来
    HTTP的三次握手
    http协议的发展历史
    5层网络模型介绍
    http主要内容流程介绍
  • 原文地址:https://www.cnblogs.com/ldj3/p/9120748.html
Copyright © 2020-2023  润新知