すべてのフォームにAjaxを送信

Question

DB上でいくつかの操作を実行するサーブレットがあり、jspにリダイレクトされています。今、このjspには、さまざまな操作を行ういくつかのフォームがあります。 私は、データベースにデータを挿入するスクリプトを作成しました。問題は、このスクリプトが、すべてのフォームのデータを1つのフォーム（私が必要とするフォーム）に挿入していないことです。スクリプトここ

<form action="propunereteta" method="post" id="bookingForm"> 
    <div class = "tip"> 
          <strong> <select name="tip11"> 
           <option>Tipul preparatului!</option> 
           <option>Mic dejun</option> 
           <option>Pranz</option> 
           <option>Cina</option> 
          </select></strong> 
         </div> 

          <a><button type = "submit" class="btnret" >Propune</button></a> 
    </form> 

<form action="nota" method="post"> 

<div class="nota"><br /><br /> 
        <div class="grid_6"> 
          <input type="hidden" name="reteta1" value="${Nume} "/> 

           <input class="star star-5" id="star-5" type="radio" name="mark" value="100"/> 
           <label class="star star-5" for="star-5"></label> 
           <input class="star star-4" id="star-4" type="radio" name="mark" value="75"/> 
           <label class="star star-4" for="star-4"></label> 
           <input class="star star-3" id="star-3" type="radio" name="mark" value="50"/> 
           <label class="star star-3" for="star-3"></label> 
           <input class="star star-2" id="star-2" type="radio" name="mark" value="25"/> 
           <label class="star star-2" for="star-2"></label> 
           <input class="star star-1" id="star-1" type="radio" name="mark" value="0"/> 
           <label class="star star-1" for="star-1"></label> 

        </div> 

       </div> 
      <a><button type = "submit" class="btnret" >Noteaza</button></a> 

    </form> 

されています：

$("form").submit(function (e) { 
       e.preventDefault(); 
       $.post($(this).attr("action"), $(this).serialize(), function() { 
       alert("Submitted!"); 
       }); 
      }); 

は、今私は今、そのスクリプトは、最後のフォームのために実行させたい ここに私のJSPコードでありますすべてのフォームに対して実行されます。

誰でもお手伝いできますか？ありがとう

Answer 1

フォームの両方にidを追加し、それぞれのフォームにajax関数を書き込みます。

これは、最初のフォームに

<form action="propunereteta" method="post" id="firstForm"> 
    //form code 
</form> 

そして

<form action="nota" method="post" id="secondForm">   
    //form code 
</form> 

そして第1の2つのスクリプトである

$("#firstForm").submit(function (e) { 
    //do something 
}); 
$("#secondForm").submit(function (e) { 
    //do something 
});