使用layui的laypage完成分页

使用layui分页

<link rel&＃61;"stylesheet" href&＃61;"css/layui.css">//样式直接放header里
<div id&＃61;"test1"></div>
<script src&＃61;"js/layui.js"></script>
//根据total&＃xff08;数据总量&＃xff09;初始化分页组件
var js_total&＃61;0;
function aaa(total){layui.use([&＃39;laypage&＃39;], function() {var laypage &＃61; layui.laypage; //分页/*layer弹出一个示例layer.msg(&＃39;Hello World&＃39;);*/laypage.render({elem: &＃39;test1&＃39;,count: total //数据总数&＃xff0c;从服务端得到,limit: 20,limits: [20, 30, 50],layout: [&＃39;count&＃39;, &＃39;prev&＃39;, &＃39;page&＃39;, &＃39;next&＃39;, &＃39;limit&＃39;],jump: function(obj, first){//obj包含了当前分页的所有参数&＃xff0c;比如&＃xff1a;console.log(obj.curr); //得到当前页&＃xff0c;以便向服务端请求对应页的数据。console.log(obj.limit); //得到每页显示的条数//首次不执行if(!first){//do somethingserch(obj.curr,obj.limit);}}});});}//获取总量后调用分页组件
function getTotal(){$("#tbodyRwfp").html("");var queryksnd &＃61; $("#queryksnd").val();var querykc &＃61; $("#querykc").val();$.ajax({type: "POST",url: "dataTj.do?method&＃61;getStbTotal&queryksnd&＃61;"&＃43;queryksnd&＃43;"&querykc&＃61;"&＃43;querykc,dataType:&＃39;json&＃39;, //接受数据格式async: &＃39;false&＃39;,error:function(XMLHttpRequest){alert(XMLHttpRequest.responseText);},success: function(data){if(data.isTrue){js_total&＃61;data.total;console.log(js_total);aaa(js_total);if(js_total>0){serch(1,20);}}else{alert(data.errMsg);return;}}
});
}//每次点击页码所调用的函数
function serch(page,limit){var queryksnd &＃61; $("#queryksnd").val();var querykc &＃61; $("#querykc").val();//alert(queryksnd&＃43;querykc);$.ajax({type: "POST",url: "dataTj.do?method&＃61;getStbDownladTj&queryksnd&＃61;"&＃43;queryksnd&＃43;"&querykc&＃61;"&＃43;querykc&＃43;"&page&＃61;"&＃43;page&＃43;"&limit&＃61;"&＃43;limit,dataType:&＃39;json&＃39;, //接受数据格式async: &＃39;false&＃39;,error:function(XMLHttpRequest){alert(XMLHttpRequest.responseText);},success: function(data){if(data.isTrue){var list &＃61; data.list;console.log(list)//js_total&＃61;data.total;var pyrwList &＃61; data.list;$("#tbodyRwfp").html("");for(var i&＃61;0;i<pyrwList.length;i&＃43;&＃43;){var pyrwMap &＃61; pyrwList[i];var ssmc &＃61; pyrwMap["SSMC"];var kc &＃61; pyrwMap["KC"];var f &＃61; (pyrwMap["F"]&＃61;&＃61;"0"?"否":"是");var s &＃61; (pyrwMap["S"]&＃61;&＃61;"0"?"否":"是");var pyrwStr &＃61; ""&＃43;ssmc&＃43;"";pyrwStr &＃43;&＃61; ""&＃43;kc&＃43;"";pyrwStr &＃43;&＃61; ""&＃43;f&＃43;"";pyrwStr &＃43;&＃61; ""&＃43;s&＃43;"";pyrwStr &＃43;&＃61; "";$("#tbodyRwfp").append(pyrwStr);}}else{alert(data.errMsg);return;}}
});
}