layui分页的使用心得

　　// 执行页面加载的函数

　　　　loadData(1 )

　　// 每页条数
    var limit = 5; // 渲染页面
    function loadData(curr){ 
 $.ajax({ type:"post", url:'http://192.168.21.163:9974/electricity/device/getHistoryDoorAccess?modId=eb6a4c852f404e998db0901517c3d3d2&modKey=9Jqehjcj3ZRV&pageNo='+ curr +'&pageSize='+limit+'&doorIndex=c7fb6deff77b4eabb1be1709049ae742&startTime=2019-08-24T17%3A00%3A00.000%2B08%3A00&endTime=2019-11-25T22%3A00%3A00.000%2B08%3A00', async:true,
            success:function(data){ var html = ''; var msg = data.data console.log(msg) var list = msg.list for(var i=0;i<list.length;i++){ if(!list[i].personDetail){ html += '<tr>'+
                                '<td>'+list[i].doorName+'</td>'+
                                '<td>'+list[i].personId+'</td>'+
                                '<td>'+list[i].personName+'</td>'+
                                '<td>'+''+'</td>'+
                                '<td>'+list[i].eventTime +'</td>'+
                            '</tr>' }else{ html += '<tr>'+
                                '<td>'+list[i].doorName+'</td>'+
                                '<td>'+list[i].personId+'</td>'+
                                '<td>'+list[i].personName+'</td>'+
                                '<td>'+list[i].personDetail.mobile +'</td>'+
                                '<td>'+list[i].eventTime +'</td>'+
                            '</tr>' } } $('#tbody').empty().html(html) laypage(msg) } }); } // 开启分页
    function laypage(msg){ layui.use(['laypage', 'layer'], function(){ var laypage = layui.laypage ,layer = layui.layer; var pages = msg.total; //调用分页
 laypage.render({ elem: 'page1' ,count: pages ,limit: limit ,curr: msg.pageNo ,jump: function(obj,first){ if(!first) { //是否首次进入页面
 loadData(obj.curr); // var currentPage = obj.curr; //获取点击的页码 
                                // page = currentPage;
                                // //点击下一页或其他页码重新请求一次，将参数（当前页码）带过去即可
                                // loadData();
 } } }); }) }