如果你想重新加载整个页面,那么只需meta refresh
在 HEAD 部分的 HTML 中添加一个标签:
<meta http-equiv="refresh" content="20" />
并且页面将每 20 秒重新加载一次。
如果您想定期填充页面的元素,并且您不太关心它的外观(或者可以花时间调整子页面的外观),您可以使用 IFRAME 通过第二个 CGI 显示子页面,在其 HTML 中进行元刷新:
<iframe class="realtime-data" src="/cgi-bin/realtime.py"></iframe>
load()
其他更灵活的情况还需要您提供第二个 CGI,它会在调用时发布实时数据,并使用例如 jQuery 的方法从主页轮询该 CGI :
setInterval(function() {
$('#div_where_html_goes').load('/cgi-bin/realtime.py')
}, 20000); // 20k milliseconds
以上只是一个提示,并不是一个好的编程习惯:
- 没有规定加载错误
- 没有延迟和脚本堆积的规定
- CGI 不仅要提供数据,而且可能还要提供一些布局
...但这应该足以让您入门。基本上,您安装 jQuery(如果从 Google 加载,则为一行 HTML 代码),并在页面末尾提供 init 代码。你把Javascript代码放在那里:
<script type="text/javascript">
// <![CDATA[ <!--
(function($){
$(function(){
setInterval(function() {
$('#div_where_html_goes').load('/cgi-bin/realtime.py')
}, 20000); // 20k milliseconds
})
})(jQuery);
// --> ]]>
</script>
</body>