목록ajax (1)

블로그 이름을 입력해주세요

Jquery AJAX 페이지네이션(pagination) 구현

AJAX를 통해 데이터를 통신하고 이를 통해 화면의 UI를 구현할 경우 데이터가 들어갈 템플릿을 만들고 데이터를 뿌려주게 됩니다 백엔드에서 페이징된 api를 구성하여 준다고 가정하였을경우 페이징을 하는 코드를 구현하였습니다 AJAX GET통신을 하기 위한 코드 예시를 보겠습니다 HTML 페이지 더보기 제목이 들어갑니다 본문이 들어갑니다 먼저 데이터가 들어오게될 HTML 코드를 작성했습니다 HTML 태그의 클래스를 부여하여 스크립트가 동작할 수 있는 준비를 해주어야 합니다 페이지 더보기 제목이 들어갑니다 본문이 들어갑니다 다음 AJAX를 사용하는 코드를 예시로 보겠습니다 Script cosnt city = [ { title : "서울", contents : "연남동", }, { title : "부산", c..
javaScript 2023. 1. 15. 19:44
이전 Prev 1 Next 다음