您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

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

2024/3/19 9:13:43发布14次查看
本篇文章给大家带来的内容是关于小程序实例:小程序分页加载数据的实现代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
// pages/billlist/index.jsconst 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() } }})
相关推荐:
小程序实例:小程序客服发送图片信息的实现代码
小程序中授权相册的解决办法(附代码)
以上就是小程序实例:小程序分页加载数据的实现代码的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product