<!-- HTML5文件 -->
<!DOCTYPE html> <html><head>
<meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="../../../css/jquery.pagination.css" /> <link rel="stylesheet" href="../../../css/table.css" /> <script src="../../../script/jquery-3.1.0.min.js"></script> <script src="../../../script/pagination.js"></script> <script> var CurrentPage=1; var Num=5; var JiShu=0; document.addEventListener('plusready', DirectAjaxtest, false); function successFunction(data) { //alert(data.responseText); var jsonData = ClientUtil.stringToJson(data.responseText); var content = '<table border="1" class="gridtable"><tr><td>名字</td><td>部门</td></tr>'; for(i=0;i<5;i++){ content = content + '<tr><td>'+jsonData.key[i].id+'</td><td>'+jsonData.key[i].name+'</td></tr>'; } content = content + '</table>'; //alert(content); //Exmobi.showToast(content); document.getElementById("Tbl_Div").innerHTML = content; //Exmobi.showToast("请求成功。"); } function failFunction(data) { alert("请求失败"); } function DirectAjaxtest(page) { //alert("f"); //alert(CurrentPage); //alert(num); if(JiShu==0){ page=CurrentPage; JiShu=1; } var ajaxData = {}; ajaxData.method = "GET"; ajaxData.isBlock = true; //ajaxData.url = "http://192.168.100.100:8080/test4/user/queryUsersBySql?currPage="+page+"&pageSize="+Num; ajaxData.url = "http://localhost:8080/sgweb/user/query"; //ajaxData.url = "http://checklogin.jsp"; ajaxData.successFunction = "successFunction"; ajaxData.failFunction = "failFunction"; //设置请求编码格式 ajaxData.reqCharset = "UTF-8"; //设置回应编码格式 ajaxData.rspCharset = "UTF-8"; //设置连接超时时间 10秒 ajaxData.connectTimeout = 10; //设置读取超时时间 90秒 ajaxData.timeout = 90; //alert(ajaxData.url ); var ajax = new DirectAjax(ajaxData); ajax.send(); } function getContent(CurrentPage){ //alert(CurrentPage); DirectAjaxtest(CurrentPage); //document.addEventListener('plusready', DirectAjaxtest, false); } $(function() { $("#pagination1").pagination({ currentPage: 1, totalPage: 3, callback: function(current) { //$("#current1").text(current) var info = $("#pagination1").pagination("getPage"); //alert("当前页数：" + info.current + ",总页数：" + info.total); CurrentPage=info.current; getContent(CurrentPage); } });});
</script> <style> * { margin: 0; padding: 0; } body { font-family: "微软雅黑"; background: #eee; } button { display: inline-block; padding: 1px 1px; font-weight: 100; line-height: 1.42857143; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; border-color: #28a4c9; color: #fff; background-color: #5bc0de; margin: 1px 1px 0 0; font-size:2px } .box { width: 500px; margin: 0px auto 0; height: 34px; vertical-align:bottom } .page { width: 300px; } .info { width: 200px; height: 34px; line-height: 34px; } .fl { float: left; } </style> </head><body>
<div id="Tbl_Div"></div> <div class="box"> <div id="pagination1" class="page fl"></div> </div> </body></html>