1. 程式人生 > >微信小程式開發之資料請求載入

微信小程式開發之資料請求載入

開發中不可避免會與後臺進行多條、多次的資料傳遞,那我們該如何來將這部分的資料載入進行公共方法進行呼叫呢,下面就直接上程式碼啦~
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();
  },