データベースの更新の内容をリアルタイムで表示させたい

Question

現在jspでページを作成しており、その中にhtmlを記述し、
さらにそのhtmlの中にjavascriptを記述しています。
そのjavascript内で、データベース(MySQL)の値を定期的に読み込み、
データベースの更新の内容をリアルタイムで表示させたいです。

何か方法はありますでしょうか？

Answer 1

JavaScript ならば、window.setInterval() を使って、定期的に呼び出される関数を作ることができますから、その関数内で DB アクセス→画面項目への反映 を行えばよいでしょう。

この質問からの派生ととらえますと、やるべきことは次の通りです。
0. DBアクセスしてデータを返す（できれば JSON 形式で返せると後が楽）、Java Servlet を作成します
0. JavaScript で、上記の Java Servlet を ajax で呼び出して、内容を反映する処理を記述した関数を作ります（ここら辺は jQuery 使うと簡単に記述できますが、素のJavaScriptでもいけます）

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
  if (xhr.readystate == 4) { // 通信完了
    if (xhr.status == 200) { // 200 STATUS OK
      var data = eval('(' + xhr.responseText + ')');
      // ここで data は Java Servlet からの戻り値（JSON）をパースした結果
      ... // あとはデータを画面に反映させる
    }
  }
};
function autoUpdate() {
  xhr.open('GET', {Java Servlet へのURL}, false); // 非同期である必要はたぶんないでしょう
  xhr.send(null);
};

1. 画面の HTML 内で、JavaScript で、先ほど作った関数を定期的に呼び出すように setInterval を行います

setInterval("autoUpdate()", 呼び出し間隔（ミリ秒）)

Comments

[Ryo94]

詳しくありがとうございます。
2の項目なのですが、簡単なものでよろしいのでコードの例などはあればご教示いただけたら幸いです。

[Ryo94]

具体的なコードをありがとうございます。
一度このコードを試してみたいと思います。

Answer 2

「定期的に読み込み」と「リアルタイムで表示させたい」は仕様が相反していますが
次の定期処理でデータを取りに行くまで最新データじゃなくても大丈夫という意味ですか？

Comments

[Ryo94]

はい、データを取りに行くまで最新のデータでなくても構いません。
そのような処理を行う場合、別の方が回答されているwindow.setInterval()以外を
使用した方法なども存在するのでしょうか？

[yambejp]

いわゆるポーリングに関する技術的にはいくつかあります
更新頻度が低い場合定期的に取りに行くのは帯域とサーバーに
無駄な負担をかけるためあまり推奨できません

参考：
https://www.ibm.com/developerworks/jp/web/library/wa-reverseajax1/

[cateye]

Firebirdを使っているのでMySqlと違うかもしれませんが、トリガーは使えないのでしょうか？　データ更新等でテーブルに変更がった場合にアクティブになるSQL文です。通常その中でクライアントにイベント（デーブルが更新された等）を投げて処理します。