微信小程序php分页加载,小程序实例：小程序分页加载数据的实现代码

本篇文章给大家带来的内容是关于小程序实例：小程序分页加载数据的实现代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。// pages/billlist/index.js

const app = getApp();

Page({

/*页面的初始数据*/

data: {

page: 1,

loading: false,

loadtxt: '正在加载...',

list: []

},

/*生命周期函数--监听页面加载*/

onLoad: function (options) {

this.setData({

option: options

})

this.getlist();

},

getlist: function () {

app.fetch.newData.result({ API_URL: app.globalData.api + 'getGoldFlowList.do?ipage=' + this.data.page + '&ipagesize=15'}).then(({ data }) => {

if (data.object && data.object.list && data.object.list.length) {

let list = data.object.list;

for (let i = 0; i < list.length; i++) {

list[i].c_create_datetime = app.util.formatDate(new Date(list[i].c_create_datetime));

}

this.setData({

list: this.data.list.concat(list)

})

if (this.data.page == data.iTotalPage) {

this.setData({

loading: true,

loadtxt: '无更多内容'

})

} else {

this.setData({

loading: false,

loadtxt: '正在加载...'

})

}

} else if (this.data.list.length) {

this.setData({

loading: true,

loadtxt: '无更多内容'

})

} else {

this.setData({

loading: true,

loadtxt: '暂无数据'

})

}

}).catch(e => {

this.setData({

loading: false,

loadtxt: '数据加载异常'

})

})

},

/*页面上拉触底事件的处理函数*/

onReachBottom: function () {

if (!this.data.loading) {

this.setData({

loading: true,

page: this.data.page + 1

})

this.getlist()

}

}

})

相关推荐：

小程序实例：小程序客服发送图片信息的实现代码

小程序中授权相册的解决办法(附代码)