微信小程式分頁
阿新 • • 發佈:2019-01-02
Page({ /** * 頁面的初始資料 */ data: { page: 1, contentlist: [], max_count:'20', //根據後臺每頁的資料設定 hasMoreData:'' //是否有更多資料文字 }, /** * 生命週期函式--監聽頁面載入 */ onLoad: function(options) { var that = this; that.getdata(that.data.page, that.data.max_count); //呼叫 }, //page:頁碼 max_count:資料大小 getdata: function (page, max_count){ var that = this; wx.request({ url: 'https://my.com/find?name=haha', data: { token: 'mu_c01b8464-026b-478e-b0b6-59fce56f0352', st: page, }, success: function (res) { console.log(res.data) var contentlistTem = that.data.contentlist; //要連線的內容等於之前出現的內容 //如果請求成功 if (res.data.result == 'OK') { //頁碼為1時 if (page == 1) { contentlistTem = []; }) } var contentlist = res.data.list //後臺請求拿到的結果 //如果請求的資料小於20 就提示沒有更多資料 否則正在載入 if (contentlist.length < max_count) { that.setData({ contentlist: contentlistTem.concat(contentlist), hasMoreData: '沒有更多資料' }) } else { that.setData({ contentlist: contentlistTem.concat(contentlist), hasMoreData: '正在載入', page:page + 1 }) } } else { console.log('後臺報錯') } } }) }, /** * 頁面相關事件處理函式--監聽使用者下拉動作 */ onPullDownRefresh: function() { var that = this; that.getdata(1, that.data.max_count); }, /** * 頁面上拉觸底事件的處理函式 */ onReachBottom: function() { var that=this; that.getdata(that.data.page, that.data.max_count); }, })