小程序 onReachBottom方法

微信文档

官方说明

可以通过此方法实现Ajax流加载

data: {
  list: [],
  p: 1,
  flow: true,
  loaded: true,
},

onReachBottom: function () {
  var flow = that.data.flow;
  var loaded = that.data.loaded;
  if (!(flow && loaded)) {
    return false;
  }

  var p = that.data.p;
  p++;

  that.setData({
    p: p,
  });
  that.load();
},

load: function () {
  var p = that.data.p;
  // console.log(p);

  that.setData({
    loaded: false,
  });

  app.request_api(
    'm=xxx&a=xx', {
      brand: that.data.brand_vo,
      type: that.data.type_vo,
      num: that.data.num_vo,
      keyword: that.data.keyword_vo,
      p: p,
    },
    function (params) {
      // console.log(params);
      params = params.data;
      // console.log(params);

      var list = that.data.list;
      // console.log(list);
      var lists = params.lists;

      if (p == 1) {
        list = [];
      }
      if (!lists || typeof (lists) != 'object') {
        lists = [];
      }
      list = list.concat(lists);
      var flow = true;
      // console.log(list.length);
      // console.log(params.count);
      if (list.length == params.count) {
        flow = false;
      }

      that.setData({
        list: list,
        flow: flow,
        loaded: true,
      });
    }
  );
},