使ajax加载的内容自我刷新

时间:2016-02-20 22:15:34

标签: javascript jquery html ajax

我在主页面上有一个div,它通过ajax从另一个文件(content.php)加载内容,该文件每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。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

你不是第一次打电话给autoRefresh_div()才能开始骑车

尝试

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