如果你想重新加载整个页面,然后只需一个meta refresh
标签添加到HEAD部分的HTML:
<meta http-equiv="refresh" content="20" />
和页面会每20秒重新加载。
如果您想要定期填充页面元素,并且您不太关心其外观(或者可以花时间调整子页面的外观),则可以使用显示子页面的IFRAME通过第二CGI,在其HTML元刷新:
<iframe class="realtime-data" src="/cgi-bin/realtime.py"></iframe>
其他更灵活的情况下,还需要您提供将发布实时数据调用时,第二个CGI,并从主页轮询该CGI使用例如jQuery的load()
方法:
setInterval(function() {
$('#div_where_html_goes').load('/cgi-bin/realtime.py')
}, 20000); // 20k milliseconds
上述只是一个提示,而不是一个良好的编程习惯:
- 没有规定装载错误
- 没有规定延迟和脚本绒头up
- 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>
非常感谢您的帮助!我使用jQuery.ajax方法,这就是我正在寻找的。 – Chad