ページ全体をリロードする場合はmeta refresh
、HTML の HEAD セクションにタグを追加します。
<meta http-equiv="refresh" content="20" />
ページは 20 秒ごとにリロードされます。
ページの要素を一定の間隔で入力したいが、その外観をあまり気にしない (またはサブページの外観を微調整するのに時間がかかる) 場合は、2 番目の CGI を介してサブページを表示する IFRAME を使用できます。 、その HTML のメタ リフレッシュ:
<iframe class="realtime-data" src="/cgi-bin/realtime.py"></iframe>
load()
他のより柔軟なケースでは、呼び出されたときにリアルタイム データを公開する 2 つ目の CGI を提供し、jQuery のメソッドなどを使用してメイン ページからその CGI をポーリングする必要があります。
setInterval(function() {
$('#div_where_html_goes').load('/cgi-bin/realtime.py')
}, 20000); // 20k milliseconds
上記は単なるヒントであり、適切なプログラミング手法ではありません。
- 読み込みエラーに対する規定はありません
- 遅延やスクリプトの山積みに対する規定はありません
- CGI は、データだけでなく、おそらくいくつかのレイアウトも提供する必要があります
...しかし、始めるには十分なはずです。基本的に、jQuery をインストールし (Google からロードする場合は 1 行の HTML コード)、ページの最後に初期化コードを指定します。そこに 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>