前端隨便弄了個靜態頁面，用文字寫了個分頁，所以自己修改介面和js，臨時做了個分頁小外掛
因為頁面是用tab頁組成，頁面好幾個tab公用一個分頁元件，但是分頁的按鈕點選事件只有一個，
每個tab傳送一個ajax請求，獲取資料後(資料展示省略)，呼叫方法
/**
 data:ajax返回的資料，loadCjwt:點選分頁按鈕觸發的方法，page_cjwt:展示分頁的位置
*/
getPageBar(data,"loadCjwt","page_cjwt");

//生成分頁的程式碼
function getPageBar(data,func,target){
	var count=data.page.count;//資料總數
	var pages=data.page.pages;//總頁數
	var currpage=data.page.currPage;//當前頁(第一頁是0開始，顯示的頁數要+1)
	var pageBar='<p class="fenye">每頁<span>10</span>條記錄    總共<span id="count_tzgg">'+count+'</span>條記錄   ';
	pageBar+='<a href="javascript:void(0);" onclick="firstPage('+func+');">首頁</a>    ';
	pageBar+='<a href="javascript:void(0);" onclick="prePage('+func+','+currpage+');">上一頁</a>    ';
	pageBar+='<a href="javascript:void(0);" onclick="nextPage('+func+','+currpage+','+pages+');">下一頁</a>    ';
	pageBar+='<a href="javascript:void(0);" onclick="lastPage('+func+','+pages+');">尾頁<a/>    ';
	pageBar+='頁碼：<input id="yeshu_number" value="'+(currpage+1)+'" type="text" style="width: 30px; text-align: center; height: 18px;" oninput="check()">/<span id="pages_tzgg">'+pages+'</span>    ';
	pageBar+='<a href="javascript:void(0);" onclick="gotoPage('+func+','+pages+');">跳轉</a></p>';
	$("#"+target).html(pageBar);
}
//點選分頁外掛按鈕的事件
//首頁
function firstPage(func){
	func(0);
	//loadTzgg(0);修改之前是點選，執行loadTzgg()這個方法，修改之後，執行func，而func是作為引數傳進來的
}
//尾頁
function lastPage(func,pages){
	func(pages-1);
	//loadTzgg(pages-1);
}
//下一頁
function nextPage(func,currpage,pages){
	if(currpage<pages-1){
		func(currpage+1);
		//loadTzgg(currpage+1);
	}else{
		alert("已經是最後一頁");
	}
}
//上一頁
function prePage(func,currpage){
	if(currpage>0){
		func(currpage-1);
		//loadTzgg(currpage-1);
	}else{
		alert("已經是第一頁");
	}
}
//跳轉頁面
function gotoPage(func,pages){
	var beginIndex=$("#yeshu_number").val();
	if(beginIndex==''){
		alert("請輸入跳轉的頁碼");
	}else if(beginIndex>pages){
		alert("輸入的頁數不能超過總頁數");
	}else if(beginIndex<1){
		alert("輸入的頁數不能小於1");
	}else{
		func(beginIndex-1);
		//loadTzgg(beginIndex-1);
	}
}