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

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

// 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()     }   } })

相关推荐：

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

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

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