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

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

// pages/billlist/index.js
const app = getApp();
Page({ 
/*页面的初始数据*/
 data: {
 page: 1, 
 loading: false, 
 loadtxt: #39;正在加载... #39;, 
 list: []
 /*生命周期函数--监听页面加载*/
 onLoad: function (options) { 
 this.setData({ 
 option: options
 this.getlist();
 getlist: function () {
 app.fetch.newData.result({ API_URL: app.globalData.api + #39;getGoldFlowList.do?ipage= #39; + this.data.page + #39; ipagesize=15 #39;}).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: #39;无更多内容 #39;
 } else { 
 this.setData({
 loading: false,
 loadtxt: #39;正在加载... #39;
 } else if (this.data.list.length) { 
 this.setData({
 loading: true,
 loadtxt: #39;无更多内容 #39;
 } else { 
 this.setData({
 loading: true,
 loadtxt: #39;暂无数据 #39;
 }).catch(e = { 
 this.setData({
 loading: false,
 loadtxt: #39;数据加载异常 #39;
 /*页面上拉触底事件的处理函数*/ 
 onReachBottom: function () { 
 if (!this.data.loading) { 
 this.setData({
 loading: true,
 page: this.data.page + 1
 this.getlist()
})

相关推荐：

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

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

以上就是小程序实例：小程序分页加载数据的实现代码的详细内容，更多请关注php中文网其它相关文章！

最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。