java ajax json 分页_java通过json实现分页中json的转换问题

使用$.ajax()方法处理json数据格式,后台传过来的json格式,通过jquery中的$.ajax()之后没有结果。传过来的json格式是这样的{"infos":[{"id":402881e9564b22f701564b251aef0001,"title":"火影","publishingTime":"2016-08-02 20:05:38.0","isEditable":"true"},{"id":402881e9565a7f3601565a86f0c30001,"title":"龙珠","publishingTime":"2016-08-05 19:46:48.0","isEditable":"true"},{"id":402881e9565a7f3601565a8720ac0002,"title":"哈哈","publishingTime":"2016-08-05 19:47:00.0","isEditable":"true"},{"id":402881e9565a7f3601565a87464b0003,"title":"海贼","publishingTime":"2016-08-05 19:47:10.0","isEditable":"true"},{"id":402881e9565a7f3601565a87b47c0004,"title":"海贼王","publishingTime":"2016-08-05 19:47:38.0","isEditable":"true"}],"pageBean":{"pageSize":5,"currentPage":1,"totalPage":1,"hasPrevious":false,"HasNext":false}}

那个jquery的$.ajax()是这样写的

$(function () {

$.post("getFirstInfoList.action", null, function (data) {

var totalPage = data.totalPage;

PageClick(1, totalPage, 3);

});

PageClick = function (page, totalPage, spanInterval) {

$.ajax({

url: "getFirstInfoList.action",

data: { "page": page },

type: "post",

dataType: "json",

success: function (data) {

//索引从1开始

//将当前页索引转为int类型

var intPageIndex = parseInt(page);

//获取显示数据的表格

var table = $("#content");

//清楚表格中内容

$("#content tr").remove();

var infos=data.infos;

//向表格中添加内容

for (var i = 0; i < infos.length; i++) {

table.append(

$("

" +

infos[i].id

+ "

" +

infos[i].title

+ "

" +

infos[i].publishingTime

+ "

" +

infos[i].isEditable

+ "

")

);

} //for

//创建分页

//将总记录数结果 得到 总页码数

var pageS = data.totalPage;

var $pager = $("#pager");

//清楚分页div中的内容

$("#pager span").remove();

$("#pager a").remove();

//添加第一页

if (intPageIndex == 1)

$pager.append("第一页");

else {

var first = $("第一页").click(function () {

PageClick($(this).attr('first'), totalPage, spanInterval);

return false;

});

$pager.append(first);

}

//添加上一页

if (intPageIndex == 1)

$pager.append("上一页");

else {

var pre = $("上一页").click(function () {

PageClick($(this).attr('pre'), totalPage, spanInterval);

return false;

});

$pager.append(pre);

}

//设置分页的格式 这里可以根据需求完成自己想要的结果

var interval = parseInt(spanInterval); //设置间隔

var start = Math.max(1, intPageIndex - interval); //设置起始页

var end = Math.min(intPageIndex + interval, pageS)//设置末页

if (intPageIndex < interval + 1) {

end = (2 * interval + 1) > pageS ? pageS : (2 * interval + 1);

}

if ((intPageIndex + interval) > pageS) {

start = (pageS - 2 * interval) < 1 ? 1 : (pageS - 2 * interval);

}

//生成页码

for (var j = start; j < end + 1; j++) {

if (j == intPageIndex) {

var spanSelectd = $("" + j + "");

$pager.append(spanSelectd);

} //if

else {

var a = $("" + j + "").click(function () {

PageClick($(this).text(), totalPage, spanInterval);

return false;

});

$pager.append(a);

} //else

} //for

//上一页

if (intPageIndex == totalPage) {

$pager.append("下一页");

}

else {

var next = $("下一页").click(function () {

PageClick($(this).attr("next"), totalPage, spanInterval);

return false;

});

$pager.append(next);

}

//最后一页

if (intPageIndex == pageS) {

$pager.append("最后一页");

}

else {

var last = $("最后一页").click(function () {

PageClick($(this).attr("last"), totalPage, spanInterval);

return false;

});

$pager.append(last);

}

} //sucess

}); //ajax

}; //function

}); //ready

为啥经过这个jquery之后就没数据了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值