通过Ajax显示乳液的内容以刷新页面

时间:2016-09-09 19:13:56

标签: javascript php jquery ajax

有一个脚本可以从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>');
    });
  });
});

1 个答案:

答案 0 :(得分:0)

您可以使用setTimeout轮询您的api.php页面。

<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>