layer ajax 分页

插件引入：

<link href="../layer/layui.css" rel="stylesheet">

注此js要在jquery之后：

<script src="../layer/layui.js"></script>

 

js分页代码：

function getData(obj){
  $.ajax({
      type:"POST",
      url:'',
      data:JSON.stringify({
          参数名:obj.curr,
          参数名:obj.limit,

      }),
      dataType:'json',
      success:function (result) {
          rest(result);
          layui.use('laypage',function () {
              var page=layui.laypage;
              page.render({
                  elem:'page',
                  count:result.msg,
                  limit:obj.limit,
                  limits:[10,15,20,50,100],
                  layout: ['first','count', 'prev', 'page', 'next', 'limit', 'skip','last'],
                  curr:obj.curr,
                  jump:function (ob,first) {
                      if(!first){
                          console.log(ob);
                          getData(ob);
                      }
                  }
              });
          });
      }
  });
}

//组装数据

function rest(data) {
    var html='';
    for (var i=0;i<data.data.length;i++){
        html+="<tr>";
        html+="<td class='hand '>"+data.data[i].Id+" <div class='deposit'></div> </td>";
        html+="<td>"+data.data[i].projectname+"</td>";
        html+="<td>"+data.data[i].position+"</td>";
        html+="<td>"+data.data[i].Createtime+"</td>";
        html+="<td>"+data.data[i].house+"</td>";
        html+="<td class='video'>"+data.data[i].ossurl+"</td>";
        html+="<td class='image'>"+data.data[i].ossurl+"</td>";
        html+="<tr/>";
    }
    $('#content').html(html);
}

//调用数据

getData({"curr":1,"limit":10,"start":"","end":""});