ajax 이용 주기적으로 데이터 내용 받아서 처리하기 jQuery

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초에 한번씩 받아온다.

});

크레인