Javascript/jQuery 페이징 소스

jQuery ajax를 통해 호출한 API의 JSON 응답 데이터를 jQuery로 html을 만들어서 화면에 페이지 번호를 보여주는 javascript 공통 모듈을 만들어 봤다. 현재까지 3개 웹사이트에 적용했는데 복사 붙여넣기만으로 아직까지는 잘 돌아가고 있다.

동작방식 Backend에서 데이터 목록의 페이징과 관련된 정보를 보내준다. 받은 정보와 html을 그려줄 target 등 필요한 정보를 initPagination javascript 함수에 parameter로 넣어서 호출한다.

화면이 그려진 이후 page 번호 클릭 시 원하는 페이지로 이동한다. (또는 ajax로 Backend에 다른 페이지의 데이터 요청) Backend - Java Spring Framework Controller @GetMa.....