我在 Wolfram Mathematica 中构建了一个 Web 应用程序,它的作用是直接在浏览器上显示数据库数据。
我将我的应用程序放在 Apache Tomcat 中。
我想每 15 秒重新加载一次此页面,因为如果您重新加载该页面,我们将获得数据库的更新数据。
我怎样才能做到这一点?
我在 Wolfram Mathematica 中构建了一个 Web 应用程序,它的作用是直接在浏览器上显示数据库数据。
我将我的应用程序放在 Apache Tomcat 中。
我想每 15 秒重新加载一次此页面,因为如果您重新加载该页面,我们将获得数据库的更新数据。
我怎样才能做到这一点?
在页面的 head 部分添加这样的脚本:
<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
表示数据。
只需<meta content='15' http-equiv='refresh'/>
在<head></head>
. 更改您需要的数字,例如如果您需要在 30 秒后加载页面,然后将值 15 更改为 30。
<head>
<meta content='15' http-equiv='refresh'/>
</head>
HTML 文档 head 部分中的以下代码也将在不使用任何 JavaScript 的情况下刷新页面:
<meta http-equiv="refresh" content="15" />