javascript - 自动更新表

Question

我有一个 PHP 脚本从 MySQL 信息中渲染一系列漂亮的 div 元素，现在我希望它动态更新并在 MySQL 中添加新字段时添加新的 div。

window.setInterval(function() {

         $.get('tableup.php', function(balance) {
             $('.containerDiv').html(balance);
         });

    }, 60000*0.1);

第一个问题是如何将 div 添加到具有淡入淡出效果的容器 div 的顶部？第二个问题是我如何知道在 tableup.php 中返回哪些 div？我已经保存了每个字段的日期，是否会将它们传递给表格，解析它们，然后对数据库运行适当的查询？如何保存日期客户端？格式是这样的2012-11-17 13:26:31

Answer 1

问题一：

使用类似的东西

$('.containerDiv').prepend(balance).fadeIn('slow');

确保将“传入”的 div 设置为display: none在您的 CSS 中，这样您就不会看到闪烁。

问题2：

当然，将日期保存为时间戳或以您的格式保存在变量中，然后将其传递给脚本

var time = '2012-11-17 13:26:31';

window.setInterval(function() {

         $.get('tableup.php', { lastTime: time }, function(balance) {
             $('.containerDiv').html(balance);
             //update time, either from server script or by using the client side time
         });

    }, 60000*0.1);