1. 程式人生 > >微信小程式分頁

微信小程式分頁

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);
  },

  
})