微信小程序开发之数据请求加载

开发中不可避免会与后台进行多条、多次的数据传递，那我们该如何来将这部分的数据加载进行公共方法进行调用呢，下面就直接上代码啦~

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();
  },