java ajax json 分页_基于Jquery+Ajax+Json实现分页显示

functiongetJSONData(pn) {//alert(pn);

$.getJSON("blackList.ce", function(data) {

var totalCount= data.totalCount; //总记录数

var pageSize= 10; //每页显示几条记录

var pageTotal= Math.ceil(totalCount / pageSize); //总页数

var startPage= pageSize * (pn - 1);

var endPage= startPage + pageSize - 1;

var $ul= $("#json-list");

$ul.empty();for (var i = 0; i < pageSize; i++) {

$ul.append(‘

‘);

}

var dataRoot=data.jsonRoot;if (pageTotal == 1) { //当只有一页时for (var j = 0; j < totalCount; j++) {

$(".li-tag").eq(j).append("")

.append("" + parseInt(j + 1)+ "").append("" +dataRoot[j].mobile+ "").append("" +dataRoot[j].province+ "").append("" +dataRoot[j].gateway+ "").append("" +dataRoot[j].insertTime+ "").append("" +dataRoot[j].remark+ "")

}

}else{for (var j = startPage, k = 0; j < endPage, k < pageSize; j++, k++) {if( j ==totalCount){break; //当遍历到最后一条记录时，跳出循环

}

$(".li-tag").eq(k).append("")

.append("" + parseInt(j + 1)+ "").append("" +dataRoot[j].mobile+ "").append("" +dataRoot[j].province+ "").append("" +dataRoot[j].gateway+ "").append("" +dataRoot[j].insertTime+ "").append("" +dataRoot[j].remark+ "")

}

}

$(".page-count").text(pageTotal);

})

}functiongetPage() {

$.getJSON("blackList.ce", function(data) {

pn= 1;

var totalCount= data.totalCount; //总记录数

var pageSize= 10; //每页显示几条记录

var pageTotal= Math.ceil(totalCount / pageSize); //总页数

$("#next").click(function() {if (pn ==pageTotal) {

alert("后面没有了");

pn=pageTotal;

}else{

pn++;

gotoPage(pn);