Jquery_jquery に基づくテーブル動的ページングの実装コード-jsチュートリアル-php.cn

ページがページングアイコンをクリックすると、プログラムは自動的にバックグラウンドに移行し、対応するページ番号のレコードを取得します。
キーコードは次のとおりです:
インポートする必要がある css および js ファイルは次のとおりです:

 
gt; 
< script language="javascript" type="text/javascript" src="<%=basePath %>js/jquery.js">

jsp ページのコードは次のとおりです:

コードをコピーしますコードは次のとおりです:

HTML ページのコードは次のとおりです:

コードをコピーします

コードは次のとおりです:

用户ID	使用者名	所在科室	建立時間	创建人	菜单集名	否か有效

読み込み中....

後台アクション中代码如下:

复制代代码如下:

 
//分页获取用户情報 
public void listUser2(ActionMapping マッピング, ActionForm フォーム, 
HttpServletRequest リクエスト, HttpServletResponse レスポンス){ 
RequestTool ツール = new RequestTool(request); 
整数 pageSize = tool.getIntParameter("pageSize"); 
整数 pageIndex = tool.getIntParameter("pageIndex"); 
ResultPage res = serviceSmUserImpl.findAllSmUsers(pageIndex, pageSize); 
リスト smUserList = (List)res.getResult(); 
JSONArray 配列 = new JSONArray(); 
JSONObject オブジェクト; 
for(SmUser user:smUserList){ 
object = new JSONObject(); 
object.put("userId", user.getUserId()); 
object.put("userName",user.getUserName()); 
object.put("depId", user.getOrganCode()); 
object.put("createTime", user.getCreateTime()); 
object.put("クリエイター", user.getCreator()); 
object.put("menusId", user.getMenusId()); 
object.put("isValid", (user.getValid().equals("1")?"有效":"無し效")); 
array.add(オブジェクト); 
} 
AjaxTool.returnAjaxResponse(response, array.toJSONString()); 
} 
//取总の记录数と总页数 
public void getPageCount(ActionMapping マッピング, ActionForm フォーム, 
HttpServletRequest リクエスト, HttpServletResponse レスポンス){ 
RequestTool ツール = new RequestTool(リクエスト）; 
int pageSize = tool.getIntParameter("pageSize"); 
リスト pojos = serviceSmUserImpl.findAll(); 
int pageCount = pojos.size()% pageSize > 0 ? (pojos.size()/ pageSize 1):(pojos.size()/ pageSize); 
JSONArray 配列 = new JSONArray(); 
JSONObject オブジェクト = new JSONObject(); 
object.put("pageCount", pageCount); 
object.put("totalCount", pojos.size()); 
array.add(オブジェクト); 
AjaxTool.returnAjaxResponse(response,array.toJSONString()); 
} 

文件包下ダウンロード