Опубликовать данные таблицы для действия MVC с помощью ajax

Question

Привет У меня есть веб-страница с некоторым полем ввода и datatable для обработки некоторых действий на стороне клиента. Я использую ASP MVC для управления процессом на стороне сервера, и я достаточно зациклен на том, как я могу представить форму с некоторыми полями в datatable.

Просто моя страница, как показано ниже.

<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 }), 
     }); 
    });