小程序+laravel 上拉加载数据

//前端先去后端请求数据

//将后端的数据渲染到前端

 /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    var that = this
      wx.request({
        url: 'http://www.yq.com/index.php/api/list',
        success:function(res){
           var data = (res.data.data.data)
           that.setData({
             data:data
           })
        }
      })
  },

//后端接收请求，并放出数据

//前端接收到数据并渲染到页面上

    /**
     * @return false|string
     * 请求数据
     */
    public function list(){
       $data =  modeller::paginate(5);
       return json_encode(['code'=>200,'msg'=>'成功','data'=>$data]);
    }

//当用户执行下拉操作时

//前端获取到，数据的长度，然后在长度的基础上每次请求五条数据

//并将请求发给后端，后端将数据请求给前端，前端继续将数据渲染到前端

//知道没有数据的时候返回false

/**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    wx.showToast({
      title: '正在加载',
      icon:"loading"
    })
    var that = this
      var length  = this.data.data.length
      var length = length+5
      wx.request({
        url: 'http://www.yq.com/index.php/api/lists',
        data:{
          length:length
        },
        success:function(res){
           var data = (res.data.data.data)  
           console.log(data)
           that.setData({
             data:data
           })
           /**
            * 判断长度
            */
           if( length > res.data.data.data.length){
             wx.showToast({
               title: '这是最后一页了',
             })
           }
        },
  

      })
  },

//后端接到前端请求后，去数据库调数据，并返回给前端

    /**
     * 每次请求五条数据直到数据没有，就不请求了，在次请求就返回false
     */
    public function lists(){
          $length = \request()->get('length');
          $data = modeller::paginate($length);
        return json_encode(['code'=>200,'msg'=>'成功','data'=>$data]);
    }