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

2020-08-17 13:40:49

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

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

相关推荐:

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

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