微信小程序 上拉加载下一页数据

js代码

// pages/list/list.js
let page=1;
let lastpage=0;
Page({
  /**
   * 页面的初始数据
   */
  data: {
    order:[]
  },
  /**
   * 生命周期函数--监听页面加载
  //  */
  // 
  onLoad: function (options) {
   //页面加载调用查询函数
   this.getlist()
  }, 
  //上拉触底函数
  onReachBottom: function () {
    if(page>lastpage)
    {
      wx.showToast({
        title: '我是有底线的',
      })
       return false
    }
//如果有下一页就再次调用查询函数
    this.getlist();
  },
  getlist()
  {
    let that=this
    wx.request({
      url: 'http://www.hejialing.com/month6/orderData',
      data:{
        page:page
      },
      success(res)
      {
           //将查询出来的数据和公共变量的数据拼接起来
         let data=that.data.order.concat(res.data.data.data);
       //后台做分页查询传回来的最后一页(也就是总页数)
         lastpage=res.data.data.last_page
     //页面加一
         page++;
        //将数据赋值给公共变量
         that.setData({
           order:data
         })
         console.log(that.data.order);
      }
    })
  },
})

路由代码 

//瀑布流查询
Route::get('articleData','ArticleController/index');

控制器代码 

 //查询数据
    public function index(Request $request)
    {
        $page=$request->param('page');
        $obj=new ArticleModel();
        $data=$obj->selectData($page);
        if($data)
        {
            return  json(['code'=>200,'mes'=>'查询成功','data'=>$data]);
        }

    }

模型代码 

 protected $table='article';
    public function selectData($page)
    {
        return $this->paginate([
            'page'=>$page,
            'list_rows'=>5,
        ]);
    }


版权声明:本文为qq_66313178原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。