홈페이지제작/jQuery
ajax 이용 주기적으로 데이터 내용 받아서 처리하기 jQuery
뉴스와정보
2012. 8. 21. 14:39
ajax 이용하여 특정 url의 데이터 내용을 주기적으로 받아서 처리 jQuery
setInterval 함수를 이용하여 시간주기를 설정합니다. (setInterval 관련 설명 바로가기)
아래 예제에서는 30초에 한번씩으로 설정하였습니다.
ajax 를 이용하여 해당 url을 설정하여 받아옵니다.
받아온 내용은 html 변수를 통해 넘겨받습니다.
html 로 넘겨받은 내용을 적당한 처리를 합니다.
[참조할 예제]
$(function() {
timer = setInterval( function () {
//----------------------------------------------------------------------------------
$.ajax ({
"url" : "[받아올 내용이 있는 URL]", // ----- (1)
cache : false,
success : function (html) { // ----- (2)
[받아온 내용을 처리할 부분] // ----- (3)
[받아온 내용은 변수 html로 전달]
}
});
//----------------------------------------------------------------------------------
}, 30000); // 30초에 한번씩 받아온다.
});
