我正在努力开发一个工具,向我的销售团队展示他们在当月的配额情况。我已经把他们的配额分成了几个工作日,但我想在销售开始时向他们展示他们离配额有多近,所以他们进行了销售,它会自动更新图表。
我把它当作一个快照,点击刷新并重新加载数据,但我计划把它流式传输到他们的销售室(所以点击刷新不是一种选择)。
我认为您需要一种机制来自动刷新数据。
在这种情况下,您可以使用元刷新或javascript刷新或ajax。
元刷新可以按如下方式进行。
<meta http-equiv="refresh" content="5" />
上面的代码将每隔5秒刷新一次页面。
setTimeout(function(){
window.location.reload(1);
}, 5000);
这也将每5秒刷新一次页面。
或者使用jQueryAjax将结果页面调用到另一个页面中。例如,如果您的结果页面名称是tables.php,那么代码如下。
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function() {
$("#responsecontainer").load("tables.php");
var refreshId = setInterval(function() {
$("#responsecontainer").load('tables.php?randval='+ Math.random());
}, 5000);
$.ajaxSetup({ cache: false });
});
</script>
</head>
<body>
<div id="responsecontainer">
</div>
</body>
</html>
缓存:IE修复需要false
谢谢。