PearlやPHPでサイト上にデータを表示する場合で、そのデータがリアルタイムで変わる場合、ページをリロードをせずに、そのページの一部のデータを自動的&定期的に変える方法について書いています。

【参考】jQueryのAjaxを使って、ページ遷移せずにデータをPOSTする方法

これは、Ajaxを使えば実現出来ます。

Ajaxというのは、JavaScriptの通信機能を使ってデータを取得し、画面を書き換える方法の総称のことです。「JavaScriptを使ったプログラムの一種」です。

具体的には、以下のページを比較してみてください。

具体的な方法は、以下の通りです。サンプルコードもあります。

こちら

に記載しているコードを使用すれば実現出来ます。一つ注意しなければならないのは、prototype.jsのバージョンを1.7で使って下さい(2013年3月現在)。1.6を使うとエラーが発生します。

サンプル

金のリアルタイム価格を取得するプログラムで使っているコードの一部をサンプルとして書いておきます。

【HTML】

aj_index.php で表示される内容を、 container へアウトプットする、というコードです。

aj_index.php 自体は、表示させたその時の価格などを表示しています。それを下のHTMLで呼び出して、裏側で5秒毎にリロードしているという訳です。

このプログラムを作りたいが、ご自身では難しいという場合は、お問い合わせ下さい。8000円(税別) / 時 でプログラムの制作を受託します。