微信小程序分页

 

Page({

  /**
   * 页面的初始数据
   */
  data: {
    page: 1,
    contentlist: [],
    max_count:'20',  //根据后台每页的数据设定
    hasMoreData:''   //是否有更多数据文字
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function(options) {
    var that = this;
    that.getdata(that.data.page, that.data.max_count);   //调用
   
  },

  //page:页码  max_count:数据大小

  getdata: function (page, max_count){
    var that = this;
    wx.request({
      url: 'https://my.com/find?name=haha',
      data: {
        token: 'mu_c01b8464-026b-478e-b0b6-59fce56f0352',
        st: page,
      },
      success: function (res) {
        console.log(res.data)

        var contentlistTem = that.data.contentlist;   //要连接的内容等于之前出现的内容
        
        //如果请求成功
        if (res.data.result == 'OK') {

          //页码为1时
          if (page == 1) {
            contentlistTem = [];
            })
          }
          var contentlist = res.data.list //后台请求拿到的结果

          //如果请求的数据小于20  就提示没有更多数据 否则正在加载
          if (contentlist.length < max_count) {
            that.setData({
              contentlist: contentlistTem.concat(contentlist),
              hasMoreData: '没有更多数据'
            })
          } else {
            that.setData({
              contentlist: contentlistTem.concat(contentlist),
              hasMoreData: '正在加载',
              page:page + 1
            })
          }

        } else {
          console.log('后台报错')
        }

      }
    })
  },


  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function() {
    var that = this;
    that.getdata(1, that.data.max_count);
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function() {
    var that=this;
    that.getdata(that.data.page, that.data.max_count);
  },

  
})