callback 함수를 통해 json 데이터를 받아오자 * JSON 데이터 받아오기 * $.getJSON 함수에 매개변수로 함수를 사용하였다. 이것이 callback 함수이다. 앞서 했던 방식과는 달리 error 발생 시 동작하는 함수가 없기 때문에 json 파일명을 다르게 주는 등 에러가 발생해도 동작되는 것은 없다. callback 함수에는 앞에서 성공 시 동작하는 함수와 동일하게 작성해주었다. append 함수 위에 empty 함수를 작성했기 때문에 데이터가 쌓이지는 않는다.
sungjuks.json [ {"name":"John", "id":"itwill", "kor":70, "eng":80, "mat":90}, {"name":"Tom", "id":"user1", "kor":75, "eng":80, "mat":95}, {"name":"Michael", "id":"python", "kor":60, "eng":40, "mat":30} ] 이번에는 3개씩 가져오는 것을 해보자 * JSON 데이터 받아오기 * each 반복문은 result에서 요소 하나를 꺼내서 fucntion을 실행하는 것을 반복한다.
json 데이터를 받아오기 위해 우선 json 파일을 준비하자 sungjuk.json [ {"name":"John", "id":"itwill", "kor":70, "eng":80, "mat":90} ] * JSON 데이터 받아오기 * 서버로부터 함수가 응답을 받는다. * JSON 데이터 받아오기 * 댓글 더보기는 더보기 버튼을 클릭하면 아래로 댓글들이 계속 쌓인다. 이렇게 한번 해보자 $("#panel").html(str); html 함수 대신 append 함수를 사용하면 된다. $("#panel").append(str);
Ajax는 Asynchronous JavaScript and XML의 약자로 빠르게 동작하는 동적인 웹 페이지를 만들기 위한 개발 기법의 하나이다. Ajax는 웹 페이지 전체를 다시 로딩하지 않고도, 웹 페이지의 일부분만을 갱신할 수 있다.(비동기 방식) 즉 Ajax를 이용하면 백그라운드 영역에서 서버와 통신하여, 그 결과를 웹 페이지의 일부분에만 표시할 수 있다. 한 개의 페이지에서 요청과 응답이 동시에 이루어진다. 대표적으로 댓글 더보기를 예로 들 수 있다. 서버와는 다음과 같은 다양한 형태의 데이터를 주고받을 수 있다. JSON XML HTML 텍스트 파일 등 JavaScript에서는 XMLHttpRequest 객체, jQuery에서는 $.ajax 함수를 사용한다. http://www.tcpscho..
