微信小程序分頁效果實現

index.js

// pages/bianmin/bianmin.js
var p = 0
var GetList = function (that) {
  wx.request({
    url: url,
    method: "POST",
    data: {
      page: p
    },
    header: {
      'content-type': 'application/x-www-form-urlencoded'
    },
    success: function (res) {

      var l = that.data.list
      for (var i = 0; i < res.data.length; i++) {
        l.push(res.data[i])
      }
      that.setData({
        list: l
      });
      p++;
    }
  });
};
Page({

  /**
   * 頁面的初始數據
   */
  data: {
    page: 0,
    list: [],
  },
  /**
   * 生命週期函數--監聽頁面加載
   */
  onLoad: function (options) {
    var that = this
    p = 0;
    GetList(that);
    
  },

  /**
   * 生命週期函數--監聽頁面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命週期函數--監聽頁面顯示
   */
  onShow: function () {

  },

  /**
   * 生命週期函數--監聽頁面隱藏
   */
  onHide: function () {

  },

  /**
   * 生命週期函數--監聽頁面卸載
   */
  onUnload: function () {
    
  },

  /**
   * 頁面相關事件處理函數--監聽用戶下拉動作
   */
  onPullDownRefresh: function () {
    p = 0;
    this.setData({
      list: [],
    });
    var that = this
    GetList(that)
  },

  /**
   * 頁面上拉觸底事件的處理函數
   */
  onReachBottom: function () {
    console.log("上拉")
    var that = this
    GetList(that)
    console.log(p)
  },

  /**
   * 用戶點擊右上角分享
   */
  onShareAppMessage: function () {

  }
})


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章