YangTao
厌浅尝辄止喜有始有终
E.t's Blog
小程序实现上拉加载(按需加载)
小程序实现上拉加载(按需加载)

在做一个小程序,一个简单的房源展示小程序,展示中介的房源,方便客户查看和浏览,再次记录一些东西;

小程序应该用分页还是上拉加载数据呢,因为后端需要读取数据使用了分页的技术,又不想多写一个功能,所以明确下思路决定就以分页的方式来完成这个上拉加载;

分页sql:?type=1&page=1&limit=10,利用limit来完成小程序端分页;

首先全局定义一个limit=5,默认显示5条最新信息,当上拉到底的时候触发onReachBottom(),利用这个API,每次下拉到底的时候让limit+5 以此类推,完成了这次需求;

onReachBottom:function(){
    console.log("到底了");
    var that = this;
    wx.request({
      url: 'http://127.0.0.1:8080/HousesList?type=1&page=1&limit=' + this.data.limit+5+'',
      success(res) {
        that.setData({
          list: res.data
        });
        console.log(res.data)
      }
    })
  }

 

没有标签
首页      SmallAPP      小程序实现上拉加载(按需加载)
https://secure.gravatar.com/avatar/77f815bec37eb34e2eef92ae146f899a?s=256&d=mm&r=g

et

文章作者

发表评论

textsms
account_circle
email

E.t's Blog

小程序实现上拉加载(按需加载)
在做一个小程序,一个简单的房源展示小程序,展示中介的房源,方便客户查看和浏览,再次记录一些东西; 小程序应该用分页还是上拉加载数据呢,因为后端需要读取数据使用了分页的技术,又不想…
扫描二维码继续阅读
2018-11-09