微信小程序开发之数据请求加载-即速应用

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

浏览量：487 时间：2019-12-18 来源：阡路陌人

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

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