微信小程序页面加载onLoad函数

    小程序注册完成后，加载页面，触发onLoad方法。页面载入后触发onShow方法，显示页面。首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。当小程序后台运行或跳转到其他页面时，触发onHide方法。当小程序有后台进入到前台运行或重新进入页面时，触发onShow方法。
    当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()，触发onUnload

例如：
　　我们定义了一个方法，功能是：当用户打开这个页面就会调用下面这个函数

/**
* 获取商品详情信息
*/
getdata: function (product_id) {//定义函数名称
var that = this;
wx.request({
        url: url,//请求地址
        header: {//请求头
            "Content-Type": "applciation/json"
        },
        method: "GET",//get为默认方法/POST
        success: function (res) {
            that.setData ({
            data: res.data
        },
        fail: function (err) { },//请求失败
        complete: function () { }//请求完成后执行的函数
    })
},

    然后，onLoad调用这个函数

/**
* 生命周期函数--监听页面加载
* options是接收参数，如 ?id=123，接收这个id，就用options.id
*/
onLoad(options) {
    this.getdata(options.id);
},

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！