下拉刷新和加载更多

下拉刷新

调用系统的API，系统有提供下拉刷新的API接口onPullDownRefresh

在Page中定义onPullDownRefresh处理函数，监听该页面用户下拉刷新事件。

1）需要在config的window选项开启enablePullDownRefresh。

2）当处理完数据刷新后wx.stopPullDownRefresh();可以停止当前页面的下拉刷新

home.json 参数配置

{
  "enablePullDownRefresh": true,
  "backgroundColor": "red",
  "disableScroll": false
}

我们哪个页面需要刷新，就在那个页面对应的json文件配置上添加以上属性，系统默认是不具备下拉刷新功能的

var isfinish = false;//加载完毕
function loadmore(that) {
  if (isfinish) return;

  wx.showLoading({
    title: '正在加载中',
  })
  wx.request({
    url: 'http://zhengjiaojiao.gz01.bdysite.com/server/index.php/home/index/index', //仅为示例，并非真实的接口地址
    data: {
      page: page,
      condition: that.data.condition
    },
    header: {
      Cookie:wx.getStorageSync('session_id')
      // 'content-type': 'application/json' // 默认值
    },
    success: (res) => {
      console.log(res);
      wx.hideLoading();
      if (res.data.length > 0) {
        var list = that.data.list;
        // console.log(list);
        for (var i = 0; i < res.data.length; i++) {
          list.push(res.data[i]);
        }
        that.setData({ list: list });
        page++;
      } else {
        isfinish = true;
      }
    }
  })
  wx.stopPullDownRefresh();//停止当前页面的下拉刷新
}

onPullDownRefresh: function () {
    // console.log('刷新一次');
    page = 1;
    isfinish = false;
    this.setData({ list: [] });
    loadmore(this);
  },

加载更多同理也是调用自身API

  onReachBottom: function () {
    var that = this;
    loadmore(that);
  },