开发中不可避免会与后台进行多条、多次的数据传递,那我们该如何来将这部分的数据加载进行公共方法进行调用呢,下面就直接上代码啦~
loadList: function (event) {
if (hadLastPage != false) {
wx.showToast({
title: '到底啦',
});
return;
}
var that = this;
wx.showLoading({
title: '玩命加载中',
})
wx.request({
url: 'http://zzb.pb.cn/home/Product/sort',
method: "POST",
header: {
'content-type': 'application/x-www-form-urlencoded'
},
data: {
sort: parseInt(that.data._sortItem) + 1,
page: page,
type: parseInt(that.data._item) + 1,
userid: '18158417280'
},
success: function (msg) {
console.log(msg);
if (msg.data.code == 10000) {
var moment_list = that.data.note;
for (var i = 0; i < msg.data.data.length; i++) {
moment_list.push(msg.data.data[i]);
}
page++;
that.setData({
note: moment_list
})
} else {
hadLastPage = true;
}
wx.hideLoading();
}
})
}
#初始申明变量
var page = 1;
var hadLastPage = false;
var cancelTig = true;
这样我们就可以直接在初始化或者上拉加载、下拉加载直接进行调用
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
this.loadList();
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
this.loadList();
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function (event) {
this.loadList();
},