Ajax座標同期
Ajaxのサンプルです。
ブラウザを二つ立ち上げて、両方のブラウザでこのページを見てもらうとわかりやすいと思います。
- ダブルクリックした位置にマークが移動します。
- このページを見ている全てのブラウザも、同様の位置にマークが移動します。
サンプル
*
仕組み
- 画面上をダブルクリックした際に、ダブルクリックした場所の位置情報はWebサーバのCGIに渡されてファイルに書き込まれます。
- 各ブラウザは、数秒おきにJavaScriptがCGIと通信し、マークの位置情報を取得してマークを移動させています。