AJAX重装DIV

Question

我想重新加载我的div名称shoutbox：

echo '<div id="shoutbox"><ul>';
    $results = $db->query($sql);
    foreach ($db->query($sql) as $row) {
        echo '<li>';
        echo '<span class="date">'.date("d/m/Y H:i", strtotime($row['date_time'])).' </span>';
        echo '<span class="name">'.$row['name'].' - </span>';
        echo '<span class="message">'.$row['message'].'</span>';
        echo '</li>';
    }
    echo '</div></ul>';

但我不知道如何用AJAX做到这一点...当你按下提交按钮并且每60毫秒时播种div必须重新加载。

如果有人可以帮助我，那就没事了。

Answer 1

米歇尔走在正确的轨道上。你应该从php获取数据，并返回json格式的数据，以便客户端可以在javascript中更新。查看jquery getJSON函数：http://api.jquery.com/jquery.getjson/。然后在javascript“setInterval”函数中设置它，如下所示：

setInterval(function(){
    $.getJSON( "ajax/test.json", function( data ) {
      var items = [];
      $.each( data, function( key, val ) {
        items.push( "<li id='" + key + "'>" + val + "</li>" );
      });

      $( "#shoutbox ul", {
        html: items.join( "" )
      }).appendTo( "body" );
    });
}, 100);

这会每100毫秒重新加载一次数据。