対応するチェックボックスが選択されて値を送るためにjQueryを使用してhtml elemntsの値を取得するspring-mvc controller

Question

divタグのみを使用してコード化されたテーブルがある（つまりテーブルタグなし）。各行には、チェックボックス、ドロップダウン、別のドロップダウン、量スピンナーと同じhtml要素が定期的にあります。この要素の同じセットは5行です。私はチェックボックスが選択されている特定の行のすべてのhtml要素の値を取得する必要があります。 jQueryとajaxを使用してこの関数を自動化する必要があり、最後に、これらの値をコントローラメソッドに送信してデータベースに送信する必要があります。これどうやってするの？ここ

けん引行のコードは、JSPページ内の表にある（単に私が$('checkBox').is(":checked")のとき、これが行われる必要があります知っている）：

<div class="row item-tbl-row"> 
    <div class="col-xs-2"> 
     <label class="checkbox-inline"> 
      <form:checkbox value="pizza" class="checkbox chkbxPkgCat" path="categoryName" id="chkPkgPzza"/> 
      Pizza 
     </label> 
    </div> 
    <div class="col-xs-3"> 
     <form:select type="text" class="form-control" path="itemName" id="slctItmPkgPzza"> 
      <form:option value="-" label="---"/> 
     </form:select> 
    </div> 
    <div class="col-xs-3"> 
     <form:select type="text" class="form-control" path="" id="szpr1"> 
      <form:option value="-" label="---"/> 
     </form:select> 
    </div> 
    <div class="col-xs-2"> 
     <input class="qty-spinner" type="number" value="0" min="0" id="qtySp1"/> 
    </div> 
</div> 

<div class="row item-tbl-row"> 
    <div class="col-xs-2"> 
     <label class="checkbox-inline"> 
      <form:checkbox value="Salad" class="checkbox chkbxPkgCat" path="content"/> 
      Salad 
     </label> 
    </div> 
    <div class="col-xs-3"> 
     <form:select type="text" class="form-control" path="itemName" id="slctItmPkgSalad"> 
      <form:option value="-" label="---"/> 
     </form:select> 
    </div> 
    <div class="col-xs-3"> 
     <form:select type="text" class="form-control" path="" id="szprc2"> 
      <form:option value="-" label="---"/> 
     </form:select> 
    </div> 
    <div class="col-xs-2"> 
     <form:input class="qty-spinner" type="number" value="0" path="content" min="0"/> 
    </div> 
</div> 

Iはそれぞれ、すべての選択したチェックボックスのforループを使用する必要がありますか？あるいは、関数を記述し、各要素のパラメータを渡す方法は？誰も私にこれを助けることができますか？ ありがとうございます。

Answer 1

コード以下のチェック

/*]チェックボックスをクリックするだけでこのメソッドを呼び出す*/

var url = /*url*/; 

$.post(url, 
     { 
      name: "Abc", 
      city: "Pqr"   /** Create json of yout data **/ 
     }, 
     function(data){ 
      alert("Data: " + data);/*Return data from Spring Mvc controller*/ 
     }); 

/*コントローラ*/

@RequestMapping(value = "/saveData", method = RequestMethod.POST) 
@ResponseBody public String saveDate(@RequestParam String name,@RequestParam String city) 
{ 
    /* Database operation */ 

} 

は、コントローラ