js中编写触底加载更多数据大致逻辑,根据自身情况稍作修改即可
var app = getApp();
const api = require('../utils/api');
Page({
data: {
dataList: [],
pageNum: 1,
pageSize: 12,
dataBack: true,
},
loadMoreData: function() {
var _this = this;
var data = {
pageNum: _this.data.pageNum,
pageSize: _this.data.pageSize
}
api.getData(data, {
success: res => {
if (typeof(res) == 'object' && 'data' in res ) {
if (res.data.length > 0) {
var newDataList = _this.data.dataList.concat(res.data);
_this.setData({
dataList: newDataList,
pageNum: _this.data.pageNum + 1,
dataBack: true
});
}
}
}
});
},
onReachBottom: function () {
if (this.data.dataBack) {
this.loadMoreData();
this.setData({
dataBack: false,
});
}
}
})