小程序有很多页面文件
每个页面文件有一个js文件,在js文件里调用Page方法称为注册页面
一般情况,每个页面都需要调用Page注册页面
注册了Page后我们可以在Page里干什么
1、在生命周期函数里发送网络请求,从服务器获取数据,比如在onLoad函数里通过request获取服务器里的数据
2、初始化一些数据,方便wxml引用展示
3、监听wxml的一些事件,绑定相对应的事件函数,比如监听button的点击,在js里定义button绑定的函数
4、其他事件的一些监听(页面滚动、上拉刷新、下拉加载)
Page的官方文档
常用的使用方法代码显示
// pages/home/home.js
Page({
// ---------2、初始化数据----------
data: {
message: 'hhhh',
list: []
},
// -----------1、监听页面的生命周期函数-----------
// 页面被加载出来时
onLoad: function () {
//向服务器发送请求获取数据
// wx.request({
// url: 'http://123.207.32.32:8000/recommend',
// //使用=>可以使this指针不易出错,这里的this是一层一层向上找的
// success: (res) => {
// const data=res.data.data.list;
// // 使用setData每次值改变时会自动刷新页面
// this.setData({
// list:data
// })
// }
// })
},
// 页面初次渲染时
onReady: function () {
},
// 页面显示出来时
onShow: function () {
},
//页面被隐藏时
onHide: function () {
},
//两个页面跳转时,关闭其中的一个页面时会被调用
onUnload: function () {
},
// ---------3、监听wxml中的一些事件----------
//eg.button/view点击时绑定的一些函数
handleViewClick(){
console.log("view被点击了")
},
// ---------4、其他的一些监听------------
// 监听页面的滚动
onPageScroll(obj){
console.log(obj)
// const data=obj.scrollTop
// this.setData({
// list:data
// })
},
// 监听页面是否滚动到底部 在做下拉刷新的时候可以用
onReachBottom(){
console.log('页面滚动到底部')
},
// 监听下拉刷新 要在json文件中打开允许下拉
onPullDownRefresh(){
console.log("下拉刷新了")
}
})