使用ajax將表數據發送到MVC動作

Question

嗨我有一個網頁，其中包含一些輸入字段和用於處理某些客戶端操作的數據表。我正在使用ASP MVC來控制服務器端進程，並且我非常堅持如何使用數據表中的某些字段提交表單。

簡而言之，我的頁面如下所示。

<form id="formID" action="test" class="form-horizontal"> 
    <select class="form-control valid" data-val="true" id="SelectedCustomerID" name="SelectedCustomerID"> 
     <option value="">choose customer ... </option> 
     <option value="1">test</option> 
    </select> 

    <table> 
     <tbody> 
      <tr> 
       <input type="number" name="row-1-input1" id="row-1-input1" class="input-xs" value="2"> 
       <input type="number" name="row-1-input2" id="row-1-input2" class="input-xs" value="test"> 
      </tr> 
      <tr> 
       <input type="number" name="row-2-input1" id="row-2-input1" class="input-xs" value="3"> 
       <input type="number" name="row-2-input2" id="row-2-input2" class="input-xs" value="test2"> 
      </tr> 
     </tbody> 
    </table> 

    <button type="submit" class="btn yellow-gold add">add</button> 
</from> 

我與我怎麼可以提交此表，並通過所有的輸入字段來處理表中的輸入字段中掙扎。

如何使用ajax提交表單並傳遞所有這些輸入字段以及如何將這些字段映射到MVC模型？

$('#formID').on('submit', function (e) { 
     e.preventDefault(); 
     $.ajax({ 
      type: 'POST', 
      url: '/pathTo/process_form', 
      data: <---- what needs to go here ... ? 
     }); 
    }); 

Answer 1

$('#formID').on('submit', function (e) { 
     e.preventDefault(); 
     var dataToPost = $(this).serialize() 
     $.ajax({ 
      type: 'POST', 
      url: '/pathTo/process_form', 
      data: JSON.stringify({ data: dataToPost }), 
     }); 
    });