[JQuery | Ajax] n초마다 ajax 실행하기

$(function() {
var ajaxList = {}; 

    $.ajax({
     url: '/DashBoard/geDashBoardData',
        async: false,
		success:function(html) {
         ajaxList = html ;

         $('.텍스트박스1').text(ajaxList[0]."항목1");
         $('.텍스트박스2').text(ajaxList[0]."항목2");
        },

        error: function( request, status, error ){
         alert("실패 ");
            alert("status : " + request.status + ", message : " + request.responseText + ", error : " + error);   
            }
    }, 5000);
});

ajax 연결부분 끝에 5000 을 입력 해 주면 이게 5초를 의미하고 (1000 이 1초다.)

5초마다 ajax를 불러온다고 하는데

최초 1번만 실행이 되고, 이후로는 자동실행이 안된다.

 

$(function() {
    var ajaxList = {};
    function fetchData() {
        $.ajax({
            url: '/DashBoard/geDashBoardData',
            success: function(html) {
                ajaxList = html;
             $('.텍스트박스1').text(ajaxList[0]."항목1");
             $('.텍스트박스2').text(ajaxList[0]."항목2");
            },
            error: function(request, status, error) {
                alert("실패");
                alert("status : " + request.status + ", message : " + request.responseText + ", error : " + error);
            }
        });
    }
    // 초기에 한 번 데이터 가져오기
    fetchData();
    // 그 후 5초마다 실행
    setInterval(fetchData, 5000);
});

setInterval 을 사용해도 안 된다.. 아니 안되는 줄 알았다!!

설마해서 쿠키삭제 하니까 아래 코드에서 5초마다 실행 됨.

어이없네 정말ㅠㅠ