jQueryのloadでアラートやサウンドを鳴らす

質問

フォームからの発言をMysqlに登録し、それを定期的にリロードして表示するテストをしています。
チャットのような感じと言えば分かりやすいでしょうか。

setInterval(function(){
$("#container").load("./check.php");
},30000); //30秒ごとにチェック

上記のようにjQueryを使ってcheck.phpを監視しています。
check.phpにはMysqlを時間でソートし、最新の10件を表示するようにしてあります。

この時、新規の発言があった場合にアラートを表示する、サウンド(chime.wav)を鳴らす、
のどちらかを行いたいのですが、なにをきっかけにすれば良いのかが分かりません。

どなたかお詳しい方、ご教示願います。

回答No.2

ONEONE · ベストアンサー

問題ないと思いますよ。
と、言われても心配は拭えないと思うので、ご自分でしっかり検証はしてみてくださいね。

check.phpは複数人の発言？を登録したDBから30秒ごとに取得します。
ここに個人は関係ないですね。

tableに作成日時や更新日時は持ってますか？
持ってなければレコードのidでもいいと思います。

ただし、このままの実装では自分の発言に対しても、アラートが発生しますので、その辺りが問題なら考慮してあげてください。

お礼

重ね重ねありがとうございます。
sessionとあったので、PHPのsessionのようなものだと勘違いし頓珍漢な返答をしてしまいました。
responseTextで返ってくるんですね。
responseTextの返り値が複雑だったので色々勉強し、jsonで返すようにして解決しました。
ONEONE様のご回答がきっかけで深く勉強する事ができました。
ありがとうございました。

回答No.1

ONEONE

sessionStorageかcookieに毎回、最新時刻を上書き更新して、
前回のものと比較して新しくなってたらalert()という感じでいいんでないでしょうか。

$("#container").load("./check.php", function(responseText){
//前回の最新レコードアップデート時刻を取得
var last_update = sessionStorage.getitem('update');

//今回の最新レコードアップデート時刻を取得（responseTextの中から探す）
var this_update = '20140823140912':
//セッションに保存
sessionStorage.setitem('update', this_update );

// 前回と今回を比較する
：
：
：
});

お礼

ご回答ありがとうございます。
ご教示頂いた内容からsessionStorageを勉強しています。

Mysqlへ書き込まれる発言は私のみではなく、チャットのように複数人が書き込むのですが、この方法でいけますでしょうか？