Ajax를 통해 로션 내용을 표시하여 페이지를 새로 고침

Question

PHP 스크립트에서 JSON 데이터를 가져 오는 스크립트가 있습니다. 데이터는 괜찮습니다. 간격으로 데이터를 업데이트 할 수 없습니다. 업데이트되었지만 데이터가 중복되었습니다. 다음은 새로 고치지 않고 단순히 데이터를 표시하는 작업 스크립트입니다.

<script type='text/javascript'> 
$(document).ready(function(){ 
    $.ajaxSetup ({ 
    cache: false 
    }); 
    /* call the php that has the php array which is json_encoded */ 

    $.getJSON('api.php', function(data) { 
    /* data will hold the php array as a javascript object */ 
    $.each(data, function(key, val) { 
     $('ul').append('<li id="' + key + '">' + val.date + ' ' + 
     val.event + ' ' + val.region + ' ' + val.host + ' '+ val.type + 
     ' ' + val.info + '</li>'); 
    }); 
    }); 
}); 

Answer 1

당신은 당신의 api.php 페이지를 폴링 할 setTimeout를 사용할 수 있습니다.

<script type='text/javascript'> 

    $(document).ready(function(){ 
     $.ajaxSetup ({ 
      cache: false 
     }); 

     setTimeout(getData, 5000); 

     }); 

     function getData(){ 
      $.getJSON('api.php', function(data) { 
      /* data will hold the php array as a javascript object */ 
      $.each(data, function(key, val) { 
        $('ul').append('<li id="' + key + '">' + val.date + ' ' + val.event + ' ' + val.region + ' ' + val.host + ' '+ val.type + ' ' + val.info + '</li>'); 
      }); 
      setTimeout(getData, 5000); 
      }); 
     } 

</script>