본문 바로가기

JAVA/JavaScript, jQuery, Ajax

페이징 처리방법

반응형

1. 데이터 추가

2. 기존에 있던 db, servlet, dao 활용

3. 서버설정

4. GoodsDao 만들기 - 레코드 반환 sql 

5. GetTotalProductCount 서블릿 만들기 - 전체 레코드 수 반환하는 것

**class 면 class , id일때만 # 사용

6. 버튼 생성 및 버튼 style 처리 (ul, li)

7. 현재페이지 번호와 한 화면에 보여줄 레코드 수 Ajax 정의

8. 맨처음 문서를 1페이지로 보여준다.

정의 : getItems(1, pagePerSize);

9. ListGoods 에 pageNUM, pageSIZE 받아오는 값 정의

10. DAO.listGoods 에 위에값 전달

11. listGoods 바꾸러감

매개변수에 pageNUM, pageSIZE 등 상당히 많음

시작,마지막 레코드 계산

do while 로 바꿈

카운트 할 변수 만들기

** 동적커서 생성 absolute 메소드 사용하기 위해

12. 서블릿에서 실행해보면 500 에러뜸 (동적커서 생성전)

주소값 주고 http://localhost:8088/day0518/ListGoods?pageNUM=1&pageSIZE=4

전방향 어쩌구 에러뜸

이때 동적커서를 생성한다면 원하는 결과값이 나옴

(서블릿에서만.. html 에서는 안나옴)

** 여기서 NumberFormatExeception 뜨는 경우는 전달값이 일치하지 않는 것

(pageNUM 인데 PageNUM 이거나 등등()


13. <a> 태그에 링크를 걸어서 페이지 전환하기

<li> 만드는 곳에 이벤트 걸기

getItems 에 $("#out").html(""); 써서 전에 있던 데이터 비워주기

14. 끗

반응형