使用$.ajax()方法處理json數(shù)據(jù)格式,后臺(tái)傳過來的json格式,通過jquery中的$.ajax()之后沒有結(jié)果。傳過來的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}}那個(gè)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開始? //將當(dāng)前頁(yè)索引轉(zhuǎn)為int類型? var intPageIndex = parseInt(page);? //獲取顯示數(shù)據(jù)的表格? var table = $("#content");? //清楚表格中內(nèi)容? $("#content tr").remove();? var infos=data.infos; //向表格中添加內(nèi)容? for (var i = 0; i < infos.length; i++) {? table.append(? $("<tr><td>" +? infos[i].id? + "</td><td>" +? infos[i].title? + "</td><td>" +? infos[i].publishingTime? + "</td><td>" +? infos[i].isEditable + "</td></tr>")? ); } //for? //創(chuàng)建分頁(yè)? //將總記錄數(shù)結(jié)果 得到 總頁(yè)碼數(shù)? var pageS = data.totalPage; var $pager = $("#pager");? //清楚分頁(yè)div中的內(nèi)容? $("#pager span").remove();? $("#pager a").remove();? //添加第一頁(yè)? if (intPageIndex == 1)? $pager.append("<span class='disabled'>第一頁(yè)</span>");? else {? var first = $("<a href='javascript:void(0)' first='" + 1 + "'>第一頁(yè)</a>").click(function () {? PageClick($(this).attr('first'), totalPage, spanInterval);? return false;? });? $pager.append(first);? }? //添加上一頁(yè)? if (intPageIndex == 1)? $pager.append("<span class='disabled'>上一頁(yè)</span>");? else {? var pre = $("<a href='javascript:void(0)' pre='" + (intPageIndex - 1) + "'>上一頁(yè)</a>").click(function () {? PageClick($(this).attr('pre'), totalPage, spanInterval);? return false;? });? $pager.append(pre);? }? //設(shè)置分頁(yè)的格式 這里可以根據(jù)需求完成自己想要的結(jié)果? var interval = parseInt(spanInterval); //設(shè)置間隔? var start = Math.max(1, intPageIndex - interval); //設(shè)置起始頁(yè)? var end = Math.min(intPageIndex + interval, pageS)//設(shè)置末頁(yè)? 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);? }? //生成頁(yè)碼? for (var j = start; j < end + 1; j++) {? if (j == intPageIndex) {? var spanSelectd = $("<span class='current'>" + j + "</span>");? $pager.append(spanSelectd);? } //if? else {? var a = $("<a href='javascript:void(0)'>" + j + "</a>").click(function () {? PageClick($(this).text(), totalPage, spanInterval);? return false;? });? $pager.append(a);? } //else? } //for? //上一頁(yè)? if (intPageIndex == totalPage) {? $pager.append("<span class='disabled'>下一頁(yè)</span>");? }? else {? var next = $("<a href='javascript:void(0)' next='" + (intPageIndex + 1) + "'>下一頁(yè)</a>").click(function () {? PageClick($(this).attr("next"), totalPage, spanInterval);? return false;? });? $pager.append(next);? }? //最后一頁(yè)? if (intPageIndex == pageS) {? $pager.append("<span class='disabled'>最后一頁(yè)</span>");? }? else {? var last = $("<a href='javascript:void(0)' last='" + pageS + "'>最后一頁(yè)</a>").click(function () {? PageClick($(this).attr("last"), totalPage, spanInterval);? return false;? });? $pager.append(last);? }? } //sucess? }); //ajax? }; //function?}); //ready?為啥經(jīng)過這個(gè)jquery之后就沒數(shù)據(jù)了
java通過json實(shí)現(xiàn)分頁(yè)中json的轉(zhuǎn)換問題
劉松同學(xué)
2016-10-11 17:17:42