개발

AJAX로 3초마다 JSON파일 데이터 읽어 html 웹 페이지에 업데이트하는 방법

웹페이지를 만들고 새로운 데이터를 아무런 변화없이 업데이트하기 위한 방법이다. 비동기적으로 html 구성요소를 바꾸거나 업데이트하는 등의 동작을 할 수 있다. AJAX를 이용하여 웹페이지의 새로고침 없이 데이터를 업데이트 할 수 있다. 설정해놓은 시간대로 함수를 호출하여 자바스크립트를 실행할 수 있는 함수는 setInterval() 함수이다. // 1000 msec 마이크로세컨드, 1초마다 setInterval 안의 함수를 자동 호출할 수 있다. setInterval(function () {element.innerHTML += "Hello"}, 1000); Ajax 를 사용하여 로컬의 json 파일을 불러오려고 한다. url 에는 파일이 위치하고 있는곳을 적어준다. 원하는 파일 혹은 주소가 제대로 로딩되..