javascript - 如何自动刷新页面的一部分

Question

我有一个页面的一部分包含实时数据，我想每隔几分钟刷新一次页面，但由于页面的其他元素，这是不对的。

我该怎么做？我可以使用什么语言来做到这一点，什么容易做，什么不容易，什么行得通，什么行不通。也许是一些清晰的教程，甚至是代码示例。

我想用 PHP 这样的东西来做这件事，但不知道从哪里开始，通过一些研究我发现 Javascript 和 Ajax 似乎是这方面的标准，但我对这些语言的了解达不到标准。

感谢花时间帮助人们。

哦，如果有帮助的话，正在显示的数据来自数据库。

再次感谢。

Answer 1

您可以使用 Javascript 库(如 jQuery)并执行类似以下简化示例的操作:

$("document").ready(function(){
  var interval = setInterval(refresh_box(), 60000);
  function refresh_box() {
    $("#myDiv").load('path/to/databasepage.php');
  }
} /*<= The closer ) bracket is missing in this line*/

在您的 path/to/databasepage.php 页面中，您可以选择查询并回显结果。

它的作用是设置超时以每 60 秒(即 60,000 毫秒)调用一个函数(在本例中为 refresh_box())，并从 path/to 加载数据/databasepage.php 到你的 div 中，id 为 myDiv。

编辑:

如果你想停止自动刷新，你可以绑定(bind)一个元素来清除间隔，方法如下:

// assuming you have a clickable element 
// (typically a button or so) id called 'stop_refresh'
$("#stop_refresh").click(function(){
  clearInterval(interval);
}