2010-04-14 27 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