本文实例为大家分享了微信小程序上拉加载的具体代码，供大家参考，具体内容如下
成都创新互联是一家业务范围包括IDC托管业务,网站空间、主机租用、主机托管，四川、重庆、广东电信服务器租用,雅安服务器托管，成都网通服务器托管,成都服务器租用,业务范围遍及中国大陆、港澳台以及欧美等多个国家及地区的互联网数据服务公司。
demo.wxml 文件
{{ item.store_name }}
玩命加载中
没有更多内容了
demo.js文件
Page({
data: {
listdata:[], //数据
paginated: '',
//{total:"12", count: 10, more: 1} total数据总数，count：当前分页数据数据，more：1表示还有，0表示无数据
p:0, //当前分页；默认第一页
hasMore:true //提示
},
onLoad: function (options) {
var that = this;
var p = that.data.p;
this.loadmore();
},
onReachBottom:function(){
var that = this;
var paginated = that.data.paginated;
if (paginated.more != 0) {
this.loadmore();
}else{
that.setData({
"hasMore": false
})
}
},
loadmore:function(){
wx.showToast({
title: "玩命加载中",
icon: 'loading',
duration: 1000
})
var that = this;
var p = ++that.data.p;
wx.request({
url: 'xxx',
data: {
"json": JSON.stringify({
"demo": "xxx", "p": p
})
},
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded'
},
success:function(res){
if (res.data.data != 0) {
that.setData({
"listdata": that.data.listdata.concat(res.data.data), //加载数据
"paginated": res.data.paginated, //{total:"12", count: 10, more: 1} 此处主要用于上拉加载是否加载数据
"p":p
})
} else {
that.setData({
"hasMore":false
})
}
}
})
}
})以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。
新闻名称：微信小程序实现上拉加载功能
网页路径：
http://cdkjz.cn/article/ppshps.html
