分页综合2

<!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>

</html>

猜你喜欢