2010-04-14 53 views
1

任何人都可以请告诉我如何编写一个小的div容器在HTML中,每5分钟从MySQL中的数据刷新其内容。jQuery的容器,每5分钟从MySQL更新

这类似于某些网页中的Twitter更新,它们显示了推文的更新时间和推文时间。

谢谢。

回答

1

与jQuery

 
$(document).ready(function() { 
    $("#live").load("ajax.php"); 
    var refreshId = setInterval(function() { 
     $("#live").load('ajax.php?randval=' + Math.random()); 
    }, 3000); 
}); 

它在第一负载要求ajax.php和每3秒#live DIV。

+0

如果它有换行符,这将更具可读性。 – SLaks 2010-04-14 15:06:59

+0

好的我编辑过的代码 – osm 2010-04-14 15:09:30

3

可以使用setInterval功能进行AJAX调用:

setInterval(function() { 
    $('#dynamicDiv').load('DynamicDivData.php'); 
}, 5 * 60 * 1000); //300,000 milliseconds. 

DynamicDivData.php连接到数据库,并返回HTML放于<div>

为了避免缓存问题,您可以附加一个随机数的查询字符串:

$('#dynamicDiv').load('DynamicDivData.php?NoCache=' + Math.random()); 
+0

对于无缓存提示+1。 – zaf 2010-04-14 15:19:20