頁面的json怎麼分頁

① 如何優化很長的 jsON 數據

我們知道，JSON作為一種輕量級的數據交換格式，現在被廣泛應用，特別是在API層，返回數據格式基本上都是JSON。但是，JSON字元串如果過長，那在網路傳輸中也存在耗時的，站在性能角度我們需要合理優化JSON。
JSON優化建議
1、伺服器端開啟GZip壓縮
主流的服務端都支持GZip壓縮，對於一般的純文本內容GZip壓縮率在35%以上，這樣做的好處也很明顯：
減少JSON輸出大小，網路傳輸速度更快；
節省帶寬。
2、鍵名縮短
對於結果集而言，數據都是查詢循環輸出的，所以當我們把鍵名縮短也變相壓縮了JSON文本長度。比如原本的 {"name":"張三"} 我們可以寫為 {"a":"張三"}
3、JSON中的中文避免被轉為Unicode編碼
現在也有不少人喜歡將JSON中的漢字轉為Unicode編碼，此時JSON文本內容就會變得很長，如果避免漢字轉碼，可以控制文本長度。
以上就是我的觀點，對於這個問題大家是怎麼看待的呢？歡迎在下方評論區交流 ~ 我是科技領域創作者，十年互聯網從業經驗，歡迎關注我了解更多科技知識！

② 請問如何用jquery 實現html頁面的分頁查詢

在進行分頁查詢時，首先需要構建一個PageBean類，用於封裝分頁所需的數據。例如：

public class PageBean {
private int pageCount = 0; // 總頁數
private List pageData = null; // 當前頁數據集
private int pageSize = 10; // 每頁大小
private int currentPage = 1; // 當前頁
private long totalRecord = 0; // 總記錄數
private int beginIndex = 0; // 分頁起始記錄號
private int endIndex = 1; // 分頁結束記錄號

public int getPageCount() {
pageCount = (int)(totalRecord + pageSize -1)/pageSize;
return pageCount;
}

public void setPageCount(int pageCount) {
this.pageCount = pageCount;
}

public List getPageData() {
return pageData;
}

public void setPageData(List pageData) {
this.pageData = pageData;
}

public int getPageSize() {
return pageSize;
}

public void setPageSize(int pageSize) {
this.pageSize = pageSize;
}

public int getCurrentPage() {
if (currentPage < 1) {
currentPage = 1;
}
return currentPage;
}

public void setCurrentPage(int currentPage) {
this.currentPage = currentPage;
}

public long getTotalRecord() {
if (totalRecord < 0) {
totalRecord = 0;
}
return totalRecord;
}

public void setTotalRecord(long totalRecord) {
this.totalRecord = totalRecord;
}

public int getBeginIndex() {
beginIndex = (currentPage - 1) * pageSize+1;
return beginIndex;
}

public void setBeginIndex(int beginIndex) {
this.beginIndex = beginIndex;
}

public int getEndIndex() {
endIndex = currentPage * pageSize;
return endIndex;
}

public void setEndIndex(int endIndex) {
this.endIndex = endIndex;
}
}

在前端頁面上，可以通過jQuery的Ajax方法發送請求，獲取後台數據。例如：

$.ajax({
type:"post",
url:"requestPage",
dataType:"json",
data:{
// 這里就是封裝數據的地方，比如你要到第二頁的時候，在這之前要讀取當前的頁數，並進行適當的判斷，是鍵值對的形式例如:"current":1,"pageSize":10
},
success:function(data){
// 這里是返回json字元串
var jsonObj=$(data);
// 然後解析遍歷json
$.each(data.pageData,function(index,item){
// 這個回調函數裡面的第一個參數是下標，第二個參數是集合裡面的單個對象
// 然後生成顯示…………結束
});
}
});

通過這種方式，可以實現HTML頁面的分頁查詢功能。

③ 在JSP頁面中實現分頁顯示和翻頁功能，需要來回傳遞哪幾個參數

頁面分頁通常有兩種展現形式：

1. 查詢出全部結果數據，以集合等形式保存在內存中，每次在內存中讀取一頁的數據顯示。該方法首次載入數據量較大，耗時會很久，而且可能展現出的數據可能包含被修改或刪除過的過期或垃圾數據，存儲數據也會消耗大量的內存，但首次載入後，分頁展現會非常迅速，效果較好。

2. 每次切頁時從資料庫中檢索當前頁所需展現數據，每次查詢數較少，總體開銷也就減少了，再進行SQL優化，也能達到較高的效率，而且實時檢索不易出現數據錯誤的問題。

使用分頁功能，最關鍵的參數如下：

1. 請求參數：
   

   1）當前需要展示的頁碼，變數，默認從第一頁開始，可能是頁面上的上下頁，通過當前頁碼±1來計算出來，也可能是頁面有頁碼頁表用戶通過點擊相應數字或是輸入框用戶手輸入的頁碼；

   2）每頁顯示的數量，通常是變數，可以從頁碼提供相應的下拉框供用戶選擇。若是定義為常量，那就不需要每次傳遞了；

   3）總數量，根據篩選條件決定，若是篩選條件固定，則只需將此定義為常量，不必作為參數傳輸，否則則需要根據篩選條件每次查詢資料庫獲取計數。

2. 返回參數：

   返回需要展示的列表及以上請求參數，通常列表通過Ajax計數實現，那也就不需要返回請求參數了。所展示的列表通常會使用集合類型進行封裝或是數據讀取成json格式由前台進行解析。

④ jsp怎麼用ajax做分頁

利用ajax實現，和沒有使用ajax，技術難度上差不多。我是這樣實現的：
首先，做一個javabean主要是用來存儲你要查詢的數據，就是getxx和setxx
二 做一個，裡麵包括了getTotalSize()//總個數，getPages(int pageSize)//總頁數和List transferPagination(int currPage,int pageSize)//數據列表
在數據列表的函數中是調用了一個存儲過程來是實現分頁查詢的，存儲過程如下：
create proc procPagination
@currPage int,--當前頁
@pageSize int,--每頁大小
@tableName varchar(50),--表名
@tableId varchar(50)--查詢欄位
as
begin
declare @sql varchar(8000)
set @sql = 'select top '+convert(char(5),@pageSize)+' * from '+@tableName+' where '+@tableId+' not in '
set @sql = @sql +'(select top '+convert(char(5),@pageSize*(@currPage-1))+' '+@tableId+' from '+@tableName
set @sql = @sql + ' order by '+@tableId+')'

exec(@sql)
end
三 在一個b.jsp頁面中調用上面的方法，得到要顯示頁碼的數據列表
四 在另外一個a.jsp中利用ajax發送請求到b.jsp中得到其中的數據列表，在ajax中主要負責的是：
得到當前的頁數，得到總頁數，得到每頁要顯示的數據條數等

如果你用jsp做過分頁的話 應該就明白了，如果不明白，把郵箱留下，發給你..

⑤ jquery +json +html 怎麼做分頁

$(document).ready(function () {
$.getJSON("list.ashx", function (data) {
$.each(data.TableInfo, function (i, item) {
$("#tbody").append("<tr target=\"sid_user\" rel=" + item.id + "><td><input name=\"ids\" value=" + item.id + " type=\"checkbox\"></td><td>" + item.id + "</td><td>" + item.name + "</td></tr>");
});
});

});

<table class="table" width="1200" layoutH="138">
<thead>
<tr>
<th width="22"><input type="checkbox" group="ids" class="checkboxCtrl"></th>
<th width="120" orderField="accountNo" class="asc">客戶號</th>
<th orderField="accountName">客戶名稱</th>

</tr>
</thead>
<tbody id="tbody">
</tbody>
</table>