小程序分頁加載教程

2018-05-03 欄目:互聯網資訊 查看(370)
Page({

data: {
// 前臺顯示list
showlist: [],
// 當前頁
pageNumber: 1,
// 總頁數
totalPage: 1,

},

onLoad: function (options) {
var self = this;
// 請求后臺 
// 獲取第一頁的list及總頁數
wx.request({
url: 'https://ye.jinkunnet.com/index/index/fenye?id=1',
data: {
},
success: function (res) {
self.setData({
showlist: res.data.data,
totalPage: res.data.total,
})
},
fail: function (res) {

}
})
},
/**
 * 頁面上拉觸底事件的處理函數
 */
onPullDownRefresh: function () {
var self = this;
// 當前頁+1
var pageNumber = self.data.pageNumber + 1;


self.setData({
pageNumber: pageNumber,
})

if (pageNumber <= self.data.totalPage) {
wx.showLoading({
title: '加載中',
})
// 請求后臺,獲取下一頁的數據。
wx.request({
url: 'https://ye.jinkunnet.com/index/index/fenye?id=1',
data: {
page: pageNumber,
},
success: function (res) {
wx.hideLoading()
// 將新獲取的數據 res.data.list,concat到前臺顯示的showlist中即可。
self.setData({
showlist: self.data.showlist.concat(res.data.data)
})
},
fail: function (res) {
wx.hideLoading()
}
})
}else{
wx.showToast({
title: '沒有更多數據',
})
}

}
})



掃二維碼與項目經理溝通

我們在微信上24小時期待你的聲音

解答本文疑問/技術咨詢/運營咨詢/技術建議/互聯網交流

鄭重申明:某某網絡以外的任何單位或個人,不得使用該案例作為工作成功展示!
2011年1七乐彩走势图