AJAX重裝DIV

Question

我想重裝我的div名發言欄：

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 ......播撒div有重新加載時的點擊你的提交按鈕，每60毫秒。

如果有人可以幫助我，它會沒事的。

Answer 1

Michel正處於正確的軌道上。你應該從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毫秒重新加載數據數組。