微信小程式開發之資料請求載入
阿新 • • 發佈:2019-01-10
開發中不可避免會與後臺進行多條、多次的資料傳遞,那我們該如何來將這部分的資料載入進行公共方法進行呼叫呢,下面就直接上程式碼啦~
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]);
}
// 頁數+1
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();
},