demo.wxml 文件
<view wx:for="{{listdata}}" wx:key="listdata"> <view>{{ item.store_name }}</view> <image src='https://www.jb51.net/{{item.logo}}'></image> </view> <view> <block wx:if="{{hasMore}}"> <view> <text/><text>玩命加载中</text> </view> </block> <block wx:else> <view> <text>没有更多内容了</text> </view> </block> </view>
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 }) } } }) } })