微信小程序上拉加載——分頁

wxml：

<view class="page">
    <scroll-view class="imageViewCss_1" scroll-y="true" bindscrolltolower="toLower" lower-threshold="-100">
        <view class="weui-slidecells" wx:for="{{arrayProject}}" wx:for-item="itemProjec" wx:key="id" data-datas="{{itemProjec}}">
            <mp-slideview buttons="{{slideButtons}}" icon="true" bindbuttontap="slideButtonTap">
                <view class="weui-slidecell">
                    <view class="showTimeCss">
                         {{itemProjec.operate_time}}  
                    </view>
　　　　　　　　　　　　<!--內容為自定義對象-->
　　　　　　　　　　　　溫度：{{itemProjec.id}}℃  濕度：{{itemProjec.id}}%
                </view>
             </mp-slideview>
        </view>
        <view wx:if="{{state==0}}">
            <view>沒有更多了</view>
        </view>
    </scroll-view> 
</view>

js:

data: {
    //每頁顯示的行數：
    pagesize: 20,
    //頁碼（從1開始）：
    p: 1,
    //用於標識是否還有更多的狀態
    state: 1,
    //用於渲染頁面的數組
    arrayProject: [],
    //用於數組的追加和暫存
    allProject: [],
  },

onLoad: function (options) {
    var mythis = this;
    getproinfo(this.data.pagesize, this.data.p, mythis)
},

toLower: function () {
    var that = this;
    var state = that.data.state;
    if (state > 0){
        wx.showLoading({
            title: '加載中...',
        });
        that.data.p = that.data.p + 1;
        getproinfo(this.data.pagesize, this.data.p, that);
        wx.hideLoading();
    }
},        

function getproinfo(pagesize, p, mythis) {
  wx.request({
    url: "******",
    method: 'POST',
    header: {
      'content-type': 'application/x-www-form-urlencoded'
    },
    data: {
      //其他參數"page": p,
      "limit": pagesize
    },
    success: function (res) {
      var resData = res.data;
      var resLength = res.data.length;
      //如果搜出來的結果<1 就說明后面已經沒數據可加載了，所以將state設為0
      if (resLength < 1)
        mythis.setData({
          state: 0
        });
      else {
        var state1 = 1;
        //如果有數據，但小於每次期望加載的數據量（pagesize）,將state設為0，表示后面已沒有數據可加載
        if (resLength < mythis.data.pagesize)
          var state1 = 0;
        //循環將結果集追加到數組后面
        for (var i = 0; i < resLength; i++) {
          mythis.data.allProject.push(resData[i]);
        }
        mythis.setData({
          arrayProject: mythis.data.allProject,
          state: state1
        });
      }
      //console.log(mythis.data.arrayProject)
    },
    fail: function (res) {
      //console.log(res);
    }
  });
}

wxss：

page,
.page{
  height: 100%;
}
.imageViewCss_1{  
  width: 100%;
  height: 100%;
}
.showTimeCss{
  font-size:14px;
  font-family: NSimSun;
}