在x时间后刷新ajax获取的内容

时间:2012-07-30 12:43:22

标签: php jquery html ajax

正如标题所说,我想每x次e.x更新这个ajax fetch。 10秒后

尝试了一些事情,但并没有真正成功。所以这就是我最终来到这里的原因..

所以...如何在.x ..时间之后刷新内容?

content.php

<html>
<head>    
$.ajax({                                      
      url: 'form/contact.php', data: "", dataType: 'json',  success: function(rows)        
      {
        for (var i in rows)
        {
          var row = rows[i];          

          var bedrijf = row[1];
          var naam = row[2];
          var functie = row[10];
          var id = row[0];
          $('.table').append("<tr><td>"+bedrijf+"</td> <td>"+naam+"</td> <td style='font-size: 12px;'>"+functie+"</td> <td><a href='index.php?p=contact-edit&amp;id="+id+"'><img src='images/page_e.png' height='21' width='19'></a></td>")
        } 
      } 
    });


</head>
....
</html>

形式/ contact.php

$result = mysql_query("SELECT * FROM contact");


$data = array();
while ( $row = mysql_fetch_row($result) )
{
  $data[] = $row;
}
echo json_encode( $data );

感谢您的时间

2 个答案:

答案 0 :(得分:1)

你需要一个间隔。

function doAjax() {
    //existing AJAX code here
}
doAjax(); //do AJAX on load
setInterval(doAjax, 10000); //...and every 10 seconds hence

答案 1 :(得分:0)

你的问题很模糊,但要实现每10秒刷新上面的代码,如果你把它包装好就可以了

setInterval(function() {
  // Fetch and update
}, 10000);

确保在每次迭代时清空表格。