微信小程序上拉加载下拉刷新

代码备忘录

• 记得在当前json文件里开启下拉刷新

{
   "enablePullDownRefresh": true
}

• 先在data里定义 页数 页面一次展示条数 用于循环的数组

	page: 1,//页数
   	pageSize: 10,//页面一次展示条数
   	list1:[],//用于循环的数组

• 调个接口

  getLists: function () {
   let _this = this;
   let page = _this.data.page;
   let pageSize = _this.data.pageSize;
    app.ajaxpost('****/****', {}, {
     page: page,
     pageSize: pageSize
    }, res => {
     let list = res.data;
     let list1 = _this.data.list1;
     //如果返回数据为空，则提示
     if (list.length == 0) {
      //分页失败，分页数据减1
      if (page > 1) {
       _this.setData({
        page: --page
       });
      }
      return;
     }
     /**
     *如果分页数据不为空，则将新的分页数据追加到原数据之上
     */
     _this.setData({
      list1: list1.concat(list)
     /**
     *concat() 方法用于连接两个或多个数组。
     */
     });
     console.log(res)
    }, err => {
    }, true)
  },

• 页面相关事件处理函数–监听用户下拉动作–上拉动作

/**
* 页面下拉刷新的处理函数
*/
  onPullDownRefresh: function () {
   let _this = this;
   _this.setData({
    page: 1,
    pageSize: 10,
    list1: []
   })
   _this.getLists()
   wx.stopPullDownRefresh();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
 onReachBottom() {
  var _this = this;
  var page = _this.data.page;
  _this.setData({
   page: ++page
  });
  _this.getLists();

  // 下拉触底，先判断是否有请求正在进行中
  // 以及检查当前请求页数是不是小于数据总页数，如符合条件，则发送请求
  // if (!this.loading && this.data.page < this.data.pages) {
  //  this.getLists(this.data.page + 1)
  // }
 },