AJAX (1) 썸네일형 리스트형 Ajax통신을 활용한 json 데이터 불러오기(get 방식) ajax를 이용하여 json데이터를 불러오는 방법을 알아보도록 하겠습니다. 그림과 같이 버튼을 누르면 json데이터를 불러옵니다. 짱쉬움 xmlHttpRequest, axios , fetch 등 다양한 방법이 있지만 본 게시글에서는 ajax를 쓰기위해 제이쿼리를 사용하도록 하겠습니다. 제이쿼리를 써야하므로 html 헤드 영역에 아래와 같은 소스를 삽입하겠습니다. 본문 내용은 다음과 같이 작성해보겠습니다. 순번 이름 전화번호 주소 상태 비고 날짜 json 불러오는 버튼 별다른건 없고 테이블 내용에 table_body라고 class명을 주었습니다. 버튼을 클릭하면 getJSON()이라는 자바스크립트 함수가 실행됩니다. 별다른건 없고 제이쿼리의 $.each() 반복문을 이용하여 받아온 data값을 배열형태로 .. 이전 1 다음
