如何每隔15秒重新加载页面

How can I reload page at every 15 seconds?

本文关键字：加载 何每隔 15秒 新加载      更新时间：2023-09-26

我在Wolfram Mathematica中构建了一个web应用程序，它的作用是直接在浏览器上显示数据库数据。

我将应用程序放在Apache Tomcat中。

我想每15秒重新加载一次这个页面，因为如果你重新加载页面，我们将获得DB的更新数据。

我该怎么做？

在页面的头部添加这样的脚本：

<script type="text/javascript">
window.setTimeout(function(){ document.location.reload(true); }, 15000);
</script>

setTimeout方法将在15秒后启动回调，reload方法将重新加载页面。true参数使浏览器总是再次请求页面，而不是可能使用缓存版本。

这很糟糕，不是吗？15秒内重新加载一个页面将彻底破坏用户体验。用户甚至无法在15秒内正确阅读页面以获取上下文。

为什么不使用ajax来获取结果，以便在15秒内更新一次包含数据的容器？这样，您将向用户提供最新信息。

$.ajax({
  type: "POST",
  url: "some.php", //some server method which will get u new data from database
  data: { name: "John", location: "Boston" }
}).done(function( msg ) {
  var i= 0;
  for(; i< msg.d.length; i++)
  {
    $("#container").append(msg.d[i]);
  }    
});

其中#container是表示数据的位置。

AJAX文档：http://api.jquery.com/jQuery.ajax/

只需在<head></head>之间添加<meta content='15' http-equiv='refresh'/>。更改您需要的数字，例如如果您需要在30秒后加载页面，则将值15更改为30。

<head>
<meta content='15' http-equiv='refresh'/>
</head>

HTML文档头部的以下代码也将在不使用任何JavaScript的情况下刷新页面：

<meta http-equiv="refresh" content="15" />
相关文章：