ajaxによって提出されたdupplicateを防ぐ

Question

私はajaxを使って返信のリストを作成しています。リストの最後で

Iは、ユーザが（AJAXでも）応答を追加することを可能にするテキストエリアのフォームを追加しました。

問題

は、ユーザーがページがjsのコードを「知らない」の回答を提出したいので、ときに私は私のメインのPHPページに私のJSに呼び出すことです。私は、jsをajax PHPファイル/ページに追加するとコードは機能しますが、何度も複製され、ユーザーがフォームを送信すると、テキストが何度も送信されます...

私のコンソールにはJSファイルには、私は返信が、私はそれを防ぐにはどうすればよい

をリストアップロードするたびに複製しますか？

Answer 1

ユーザーが一度押すと送信ボタンを無効にします。 jQueryのを使用して
：

$("#button").attr('disabled','disabled'); 

ので、ユーザは新しいデータでフォームを再提出することができますAJAXエラーにdisabled属性を削除することを確認します。

あなたはこのようdisabled属性を削除することができます

$('#button').removeAttr('disabled'); 

Answer 2

[改善]あなたがたときに、ナビゲーションやF5キーを押しデータを繰り返さないためにしたい場合は、単にあなたが欲しいものは何でもやった後、$ _POST VARSを解放し、イマイチかどうかを確認あなたが好きな場所にあなたをリダイレクトします。例：

/* HERE do the job with ajax response. */ 
    if(!isset($_post['foo'])) header('Location: wherever.php'); 
$_POST['foo']=NULL; 

あなたは$ _GETを使用している場合...それをしない、$ _POST ... $ _POSTを使用するには、あなたの友達です。

FinalyあなたはF5キーを押すと、あなたが郵便でフォームVARSを再送信していないことを確認してください（そうしないと、同じを取得します）。それが起こっている場合は、ページの読み込み時にjQueryで入力をクリアしてください。

$('#inputID').val('');