Exemple de mini-programme : code d'implémentation pour le chargement des données de pagination dans le mini-programme

Le contenu de cet article concerne des exemples de mini-programmes : le code d'implémentation du mini-programme de chargement des données, qui a une certaine valeur de référence, les amis dans le besoin peuvent s'y référer.

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

Recommandations associées :

Exemple de mini-programme : Code d'implémentation du service client du mini-programme pour envoyer des informations sur l'image

Autorisation dans mini programme Solution album photo (avec code)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!