微信小程序:数据加载分页

Page({
  data: {
    mask:false,//抢单遮罩
    page: 1,
    rows: 10,
    orderList:[]
  },
onLoad: function (options) {
  this.request();
},
request: function (kind) {
        var self = this;
        wx.showLoading({
            title: '加载中',
            mask: true,
        })
        wx.request({
            url: app.globalData.url,
            data:{
              page:self.data.page,
              rows:self.data.rows
            },
            success: function (res) {
                wx.hiddenLoading();
                var data = res.data.data.data;
                var page = self.data.page;
                if (kind == 'sou') {
                    if (data.list == null) {
                        wx.showToast({
                            title: "暂无数据",
                            icon: 'none',
                            duration: 1000
                        });

                    }
                } else {
                    if (data.list != null) {
                        page++;
                    } else {
                        wx.showToast({
                            title: "没有更多的数据了...",
                            icon: 'none',
                            duration: 1000
                        });
                    }
                    var list = self.data.orderList.concat(data.list);
                    self.setData({
                        orderList: list,
                        page: page
                    });
                }
            }
        })
    },
    /**
   * 触底刷新
   */
  onReachBottom: function () {
    var self = this;
    self.requestOrder();//执行查询操作
  }
})

你可能感兴趣的:(微信小程序:数据加载分页)