【Webサイト】自動更新の方法

Question

お世話になっております。Ezです。
Webサイトの自動更新の方法を教えて頂きたいです。

<SCRIPT LANGUAGE="JavaScript"> <!-- setTimeout("location.reload()",1000*3); //--> </SCRIPT>

Webサーバーに上記記述を記載して
秒ごとにサイトを常に更新させているのですが
クライアント側からブラウザ(chrome)で確認すると、3秒ごとにカチ、カチ、カチ、カチとF5ボタンを押している感じになっています。

これをクライアント側にカチカチカチと意識させたくないです。

静かに更新させる方法

をご存知の方いらっしゃいましたら教えて頂けないでしょうか？
よろしくお願い致します！

Answer 1

リロードをするのは嫌だが内容を更新したい、ということでしょうか。
Ajaxですね。
javascriptのXMLHttpRequestを直接使用するか、jqueryのajax関数のようなwrapperを使用してください。
ただし、サーバ側の処理は非同期通信用の別のインターフェースを設ける必要があります。

また、Websocket実装を持つサーバとブラウザまたはjavascriptによるWebsocketClientを用いてサーバープッシュで内容を書き換える、という手もあります。
この場合もサーバ側の処理は大きく変更ないしは追加が必要となります。

このくらいしか私には思いつかなかったのですが、他の回答者さんがよい方法を教えてくださることを期待しています。

Comments

[EzrealTrueshot]

回答ありがとうございます。
サーバーのほうはnginxで如何様にいじることができます。

[ShinpeiYamamoto]

websocketにする場合、いろいろ方法はあるのでしょうが、nginx+gunicornにして、ワーカーをgeventとgevent-websocketにしたり、tornadoにしたりといったことでwebsocketが使えるようになります。
ajaxにしろwebsocketにしろ、クライアントサイドもサーバーサイドもそれに対応した形に変更する必要があるので大きな設計変更となってしまいます。（私の知りうる限りではこれ以外の方法はないと思っているのですが、知らないことは常にあるものなので）
websocketの場合、サーバ側で内容が変更されたタイミングでクライアントに表示内容の変更要求を出す、といった感じの実装になりますし、ajaxの場合は最新のデータを取得するためのアクションを別途用意し、定周期で取得した内容でクライアントサイドに表示されている内容を更新する処理をjavascriptで記述する必要があります。

Answer 2

普通Ajaxとかを使うと思います。ただ、単に見え方を静かにするならば、<iframe>で表示したいサイトを
表示してjavascriptで更新というのはどうでしょうか？(多分結局カチカチする)
もしくはjavascriptのfileAPLを使うとか．．．

Answer 3

非同期通信Ajex