首页 > 建站教程 > 小程序、公众号 >  微信小程序页面加载onLoad函数正文

微信小程序页面加载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);
},