LayUI的分页如何点击下一页就显示下一页的内容

LayUI的分页组件提供了回调函数，可以在点击下一页时触发回调函数，从而实现显示下一页的内容。具体实现步骤如下：

1. 在分页组件中设置回调函数，例如：

layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage,
      layer = layui.layer;
  
  //执行一个laypage实例
  laypage.render({
    elem: 'demo1',
    count: 50,
    limit: 10,
    jump: function(obj, first){
      //obj包含了当前分页的所有参数，比如：
      console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
      console.log(obj.limit); //得到每页显示的条数
      
      //首次不执行
      if(!first){
        //do something
      }
    }
  });
});

2. 在回调函数中发送请求获取下一页的数据，并更新页面内容，例如：

layui.use(['laypage', 'layer'], function(){
  var laypage = layui.laypage,
      layer = layui.layer;
  
  //执行一个laypage实例
  laypage.render({
    elem: 'demo1',
    count: 50,
    limit: 10,
    jump: function(obj, first){
      //obj包含了当前分页的所有参数，比如：
      console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
      console.log(obj.limit); //得到每页显示的条数
      
      //首次不执行
      if(!first){
        //发送请求获取下一页的数据
        $.ajax({
          url: 'getdata.php',
          type: 'get',
          data: {
            page: obj.curr,
            limit: obj.limit
          },
          success: function(res){
            //更新页面内容
            $('#dataList').html(res);
          },
          error: function(){
            layer.msg('请求失败');
          }
        });
      }
    }
  });
});