Как передать значения формы контроллеру и вернуть значения в данные jQuery

Question

Что я хочу сделать, так это.
После отправки форм значения в формах передаются контроллеру, а значения преобразуются и возвращаются в datatable.

Я знаю, как вернуть данные json в файл данных с контроллера.
Также я знаю, как передавать значения формы контроллеру Ajax.BeginForm.
Но я не знаю, как это сделать.
Вот мой код, который просто возвращает фиксированные данные json в datatables.

Посмотреть

<script type="text/javascript"> 

     function PullIntoTable() { 
      $('#example').dataTable({ 
       "bDestroy": true, 
       "bAutoWidth": false, 
       "aoColumns": [ 
       { sWidth: '30%' }, 
       { sWidth: '10%' }, 
       { sWidth: '20%' }, 
       { sWidth: '20%' }, 
       { sWidth: '20%' }, ], 
       "sAjaxSource": '@Url.Action("Search", "SearchCompany")', 
       "fnServerData": function (sSource, aoData, fnCallback) { 
        $.ajax({ 
         dataType: 'json', 
         type: "POST", 
         url: sSource, 
         data: aoData, 
         success: function (json) { 
          fnCallback(json); 
         } 
        }) 
       } 
      }); 
     }; 

    </script> 

    <input type="submit" value="Search" onclick="PullIntoTable()" /> 


<table cellpadding="0" cellspacing="0" border="0" class="search_result" id="example" width="100%"> 
    <thead> 
     <tr> 
      <th>Company</th> 
      <th>Location</th> 
      <th>Address</th> 
      <th>Status</th> 
      <th>Inactive</th> 
     </tr> 
    </thead> 
    <tbody> 
    </tbody> 
    <tfoot> 
     <tr> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
      <th></th> 
     </tr> 
    </tfoot> 
</table> 

Контроллер

public class SearchCompanyController : Controller 
{ 
    [HttpPost] 
    public ActionResult Search() 
    { 
     var Result = new List<Result>() 
     { 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"}, 
      new Result{Name="DummyCompany", Location="DummyLocation", Address="DummyAddress", Status="SL", Inactive="Y"} 
     }; 

     return Json(
      new { aaData = Result.Select(x => new[] { x.Name, x.Location, x.Address, x.Status, x.Inactive }) }, 
      JsonRequestBehavior.DenyGet 
      ); 
    } 
} 

public struct Result 
{ 
    public string Name { get; set; } 
    public string Location { get; set; } 
    public string Address { get; set; } 
    public string Status { get; set; } 
    public string Inactive { get; set; } 
} 

Answer 1

DataTables требует данные в very specific format.

There's an example using OpenSearch, который можно использовать для конкретной реализации (т. Е. Конкретной реализации, не связанной с данными, в которой вы создаете объект json в javascript для обратного вызова). Это решение больше всего мне нравится, потому что оно хранит детали реализации конкретных данных из вашего кода на стороне сервера.

Есть уже asp.net samples on the datatables.net site, которые дают вам в основном все, что вам нужно, хотя и в довольно уродливом венгерском формате нотации.

У меня нет образца у меня под рукой, но я взял образец C# и превратил его в actionfilter, поэтому мне не пришлось иметь дело с венгерской нотацией. Если я положил руки на это, и вы заинтересованы, я посмотрю, могу ли я опубликовать его здесь.

Answer 2

Было решено.
я мог бы получить значения из контроллеров и тянуть их в DataTable как следующий

Посмотреть Script

function PullIntoTable(e) { 
    $('#example').dataTable({ 
     "bDestroy": true, 
     "bAutoWidth": false, 
     "aoColumns": [ 
     { sWidth: '30%' }, 
     { sWidth: '10%' }, 
     { sWidth: '20%' }, 
     { sWidth: '20%' }, 
     { sWidth: '20%' }, ], 
     "aaData": e.aaData 
    }); 
};