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>