jQuery paging分頁講解

下面的jsonArray對象是ajax訪問該方法的接收的返回值data

解釋：這裏ajax接收到controller層返回的data數據是一個存儲n多個map對象的對象，所以下面的data[data.length-1]是指最後一個data裏存儲的最後一個map對象，然後下面的[‘pageSize’]是代表取這個map對象的key爲“pageSize”的元素的值

完整代碼如下： 可以看到該方法名是ajaxFirst,但是在 callback: function(currentPage) {
ajaxFirst(currentPage);
}中遞歸引用了ajaxFirst(),callback:function(page,size,count)
翻頁時的回調方法，page爲當前頁碼,size爲每頁條數，count爲總頁數,就是說我們每次點擊下面的1，2，3，…時，都會回調該callback()方法，然後執行該方法體裏的ajaxFirst（）

//首頁文章分頁請求
function ajaxFirst(currentPage) {
	//加載時請求
	$.ajax({
		type: 'POST',
		url: '/myArticles',
		dataType: 'json',
		data: {
			rows: "10",
			pageNum: currentPage
		},
		success: function(data) {
			//放入數據
			putInArticle(data);
			scrollTo(0, 0); //回到頂部

			//分頁
			$("#pagination").paging({
				rows: data[data.length - 1]['pageSize'], //每頁顯示條數
				pageNum: data[data.length - 1]['pageNum'], //當前所在頁碼
				pages: data[data.length - 1]['pages'], //總頁數
				total: data[data.length - 1]['total'], //總記錄數
				callback: function(currentPage) {
					ajaxFirst(currentPage);
				}
			});
		},
		error: function() {
			alert("獲得文章信息失敗！");
		}
	});
}