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();
 } } }); }) }