私のサーブレットは古いフォームパラメータ（JQuery AJAX）を受け取り続けます

Question

フォームに問題があります。

機能新しい（）{

$('#new').load("Insert.jsp"); 
}; 

挿入ページがダイアログボックスです：

は、私はそれをクリックしたとき、それは、このスクリプトを実行することをボタンがあります。それは4つのタブを持ち、各タブは独自のフォームを持っています。

私のデータベースに数字「10」を挿入したいとします。だから私は10を書いてボタン登録をクリックします。登録ボタンがこのスクリプトを実行します：

function insert() { 
$('#insert').load("ServletInsert", 
       $('#form').serialize()); 
    }; 

私のサーブレットはフォームを受信し、それをデータベースに挿入します。これまでのところ問題ありません。

ダイアログボックスを閉じてもう一度開くと、何も挿入できません。数字 "20"を挿入しようとすると、列が主キーであるために数字 "10"を再び使用できないため、データベースがSQLExceptionをスローします。

問題は、私が何か新しいものを書いても、私のフォームに古い値を保持しています（閉じた後に再度開いた後）。

どうか、私にこれを手伝ってもらえますか？

Answer 1

一意でないIDを使用している可能性があります。フォームIDをクラスに変更してから、クラスごとに選択してみてください。

<form class="form"> 

と

$(".form").serialize(); 

しかし、たとえそれが正しく動作しません、あなたはイベントの発信元という要素に基づいてフォームを選択する必要があります。

UPDATE
DOM内の既存の重複ダイアログを防止するためのダイアログを削除し、ダイアログのクローズイベントにハンドラを追加します。デフォルトでは、ダイアログを閉じてもそれを隠すだけで、削除されません。

$("#dialog").dialog({ 
    close: function(){ 
     $(this).remove(); 
    } 
});