讓阿賈克斯加載的內容自我刷新

Question

我在主頁上有一個div，通過另一個文件（content.php）中的ajax加載內容，每隔5秒自動刷新一次。

function autoRefresh_div() { 
    $("#div1").load("content.php", function() { 
    setTimeout(autoRefresh_div, 5000); 
    }); 
} 

在content.php我有按鈕和執行一個按鈕被點擊之後發生改變數據庫中的值，一個XMLHttpRequest的功能。

<script type="text/javascript"> 

function buttonClick(button_id) { 
var valueA = document.getElementById('valueA'+id).value; 
var valueB = document.getElementById('valueB'+id).value; 
var url = "updatedb.php?valueA=" + valueA +"&valueB="+ B; 

ajax = new XMLHttpRequest(); 

if(ajax!=null){ 
ajax.open("GET", url, true); 
ajax.send(null); 
} 
else{ 
    alert("Ajax Error"); 
} 

} 
</script> 

之後，值已經改變，我希望主頁重新加載div。我怎樣才能做到這一點？

Answer 1

你是不是曾經呼籲autoRefresh_div()在第一時間，以便它開始騎自行車

嘗試

$(function(){ 
    autoRefresh_div(); 
});