使 ajax 加载的内容自行刷新

Make ajax loaded content refreshing itself

本文关键字：刷新 ajax 加载      更新时间：2023-09-26

我在主页上有一个div，它通过ajax从另一个文件（content.php）加载内容，每5秒自动刷新一次。

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

在内容中.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。我该怎么做？

你从来没有第一次打电话给autoRefresh_div()，以便它开始循环

尝试

$(function(){
  autoRefresh_div();
});
相关文章：