AJAXチャット
AJAXを利用したチャットを作っています。
Prototype.jsの.PeriodicalUpdaterを使って定期的にリロードすると同じ情報が繰り返し表示されてしまいます。
例えば
------------------------
名前:aaa
コメント:テスト
-----------------------
とフォームに入力すると、
この情報がPeriodicalUpdaterで指定した秒数ごとに増えていってしまいます。。。
改善策を教えてください。
JavaSciriptの部分
function chat()
{
// パラメータを作成
var parameter =
"name=" + $F('name').escapeHTML() + "&" +
"email=" + $F('email').escapeHTML() + "&" +
"comment=" + $F('comment').escapeHTML();
// Ajax.Updaterオブジェクトを作成
var myAjax = new Ajax.Updater(
'placeholder', // 差し込む要素
'test.php', // 呼び出し先のURL
{
method: 'post', // メソッド
postBody: parameter, // ポストされるボディ部
}
);
var myajax = new Ajax.PeriodicalUpdater('placeholder', 'test.php', {postBody: parameter,frequency: 10});
}
postでサーバに送信してPHPで受け取ってます。
JavaScriptはフォームの送信ボタンによって呼び出されます。
お礼
お礼が遅くなりまして、申し訳ありません。久しぶりにネットをしたら、あきらめかけていた質問に解答が入っていたので、凄くハッピーです。 本当にありがとうございます。