自动更新表格

时间:2012-11-18 15:44:27

标签: javascript html post get

我有一个PHP脚本从MySQL信息中呈现一系列漂亮的div元素,现在我希望它能够动态更新并添加新的div,因为MySQL中添加了新的字段。

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

1 个答案:

答案 0 :(得分:1)

问题1:

使用类似

的内容
$('.containerDiv').prepend(balance).fadeIn('slow');

请务必将css中的“传入”div设置为display: none,这样就不会看到闪光灯了。

问题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);