Jquery_jquery를 기반으로 한 테이블 동적 페이징을 위한 구현 코드-JS 튜토리얼-php.cn

페이지에서 페이징 아이콘을 클릭하면 프로그램이 자동으로 배경으로 이동하여 해당 페이지 번호의 기록을 얻습니다.
키 코드는 다음과 같습니다.
가져와야 할 CSS 및 js 파일은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

 
< script 언어="javascript" type="text/javascript" src="<%=basePath %>js/jquery.js">

여기서 jsp 페이지 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

html 페이지 코드는 다음과 같습니다.

코드 복사

코드는 다음과 같습니다.

<본문>

<번째 너비="14%">
사용户ID
<번째 너비="14%">
사용명
<번째 너비="14%">
所在科室
<번째 너비="14%">
创建时间
<번째 너비="14%">
创建人
<번째 너비="14%">
菜单集name称
<번째 너비="14%">
是否有效

로드 중....

后台action中代码如下：

复代码代码如下:

 
//分页获取用户信息 
public void listUser2(ActionMapping 매핑, ActionForm 양식, 
HttpServletRequest 요청, HttpServletResponse 응답){ 
RequestTool 도구 = new RequestTool(요청); 
정수 pageSize = tool.getIntParameter("pageSize"); 
정수 pageIndex = tool.getIntParameter("pageIndex"); 
ResultPage res = serviceSmUserImpl.findAllSmUsers(pageIndex, pageSize); 
목록 smUserList = (List)res.getResult(); 
JSONArray 배열 = 새로운 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("creator", 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 도구 = 새 RequestTool( 요구); 
int pageSize = tool.getIntParameter("pageSize"); 
목록 pojos = serviceSmUserImpl.findAll(); 
int pageCount = pojos.size()% pageSize > 0? (pojos.size()/ pageSize 1):(pojos.size()/ pageSize); 
JSONArray 배열 = 새 JSONArray(); 
JSONObject 개체 = 새 JSONObject(); 
object.put("pageCount", pageCount); 
object.put("totalCount", pojos.size()); 
array.add(객체); 
AjaxTool.returnAjaxResponse(response,array.toJSONString()); 
} 