什么是onLoad
onLoad是小程序中页面的生命周期函数之一，表示页面加载时会触发该函数，通常用于数据的初始化。
onLoad的使用方式
在小程序页面的js文件中，使用以下方式定义onLoad函数：
Page({
onLoad: function (options) {
// 页面加载时执行的代码
}
})
其中，options参数表示页面的参数，可以从页面跳转时传递的参数中获取。例如：
Page({
onLoad: function (options) {
console.log(options.id) // 输出页面跳转时传递的id参数
}
})
onLoad的常见用途
数据初始化
当页面加载时，可以利用onLoad函数进行数据的初始化。例如：
Page({
data: {
title: 'Hello World'
},
onLoad: function (options) {
// 获取数据，并将title赋值给data中的title变量
const title = getData(options.id) // 假设从服务器获取标题数据的函数为getData
this.setData({
title: title
})
}
})
页面统计
可以利用onLoad函数进行页面统计，例如：
Page({
onLoad: function (options) {
// 调用页面统计接口
logView(options.id) // 假设logView函数为页面统计接口
}
})
示例说明
以下是一个简单的示例，展示了如何在onLoad函数中获取页面参数，并进行相应的数据初始化：
Page({
data: {
id: '',
title: '',
content: ''
},
onLoad: function (options) {
this.setData({
id: options.id
})
this.loadData()
},
loadData: function () {
const that = this
wx.request({
url: 'https://example.com/api/getArticle',
data: {
id: that.data.id
},
success: function (res) {
that.setData({
title: res.data.title,
content: res.data.content
})
},
fail: function (res) {
wx.showToast({
title: '网络错误',
icon: 'none'
})
}
})
}
})
在该示例中，onLoad函数首先获取页面参数id，并将其赋值给data中的id变量。然后调用loadData函数，获取服务器中id所对应的文章的标题和内容，并将其赋值给data中的title和content变量。如果获取数据失败，则弹出网络错误提示。