微信小程序当页面滑到底部,如何上拉加载更多数据,我们需要用onReachBottom方法实现,当滑动到底部,页码 1请求服务器,并设置数据。
代码语言:javascript复制var pageNum = 1;//页码
Page({
data:{
loadMoreText: '加载更多',//底部文字
list: []
},
onLoad:function(options){
// 页面初始化 options为页面跳转所带来的参数
this.getList(1)
},
onReachBottom:function(){
// 加载更多,滑动到底部执行此方法
pageNum =1;
console.log(pageNum)
this.getList(pageNum)
},
//获取数据
getList:function(page){
var that = this;
wx.request({
url: 'weixin.html',
method: 'POST',
data: {
op: 'getMoodList',
page: page
},
success: function (res) {
if (res.data.length>0){
that.setData({
list: that.data.list.concat(res.data)//合并数据
})
}else{
that.setData({
loadMoreText: '没有数据了'
})
}
}
})
}
})