Значения, не идущие на метод контроллера с использованием Ajax Call

Question

Я использую MVC 4 и хочу отправить форму и некоторые другие значения методу controller с использованием Ajax Call, но я не могу это сделать после того, как вы так старались. Посмотрите мой код ниже и помогите мне с некоторыми улучшениями в моем коде.

код моего сценария:

$(document).ready(function() { 

      var ids = []; 
     $("#btnproceed").click(function() { 
      debugger; 
      // $("div[class^='apple-']") 

      $("div[class^='dvDynamic_']").each(function() { 
       debugger; 


       var pids = $(this).text(); 

       ids.push(pids); 

      }); 

      ids = []; 
}); 

Код формы сериализовать и отправить:

  <form id="customerform"> 
      <div id="customerdetails"> 
       <label>Your Information</label><br /> 

       @*@for (int i = 0; i < Model.Orders.Count; i++) {*@ 
       @Html.TextBoxFor(m => m.Orders.Customer, new { @placeholder = "Enter Your Full Name" }) 
       @Html.ValidationMessageFor(m => m.Orders.Customer) 
       @Html.TextBoxFor(m => m.Orders.Phone, new { @placeholder = "Enter Your Cell Number" }) 
       @Html.ValidationMessageFor(m => m.Orders.Phone) 
       @Html.TextAreaFor(m => m.Orders.Address, new { @rows = 3, @cols = 2, @style = "width:300px;", @placeholder = "Enter Your Complete Delivery Address" }) 
       @Html.ValidationMessageFor(m => m.Orders.Address) 


       <input id="btnback" type="button" value="Back" /> <input id="btnsubmit" type="button" value="Submit" /> @*<input id="submit" type="submit" value="Save" />*@ 

      </div> 
     </form> 

Кодекс моей последней кнопки отправки:

 $('#btnsubmit').click(function() { 

     debugger; 


      var form = [{ "name": "customerinfo", "value": JSON.stringify($('#customerform')) }]; 
      var data = JSON.stringify({ 
       'products': ids, 
       'customerinfo': form 

      }); 

      $.ajax({ 

       type: "POST", 
       url: "@Url.Action("GetIds", "Store")", 
       data: data, 
       contentType: "application/json; charset=utf-8", 

      success: function (r) { 
       alert(r.d); 
      } 
     }); 
}); 

и код моего приема метод в controller

public JsonResult GetIds(string products, string customerinfo) 
{ 
} 

значение в методе контроллера приходит пустое

Answer 1

Вы можете сериализовать форму и добавить дополнительные данные к нему

var data = $('form').serialize() + '&' + $.param({ 'products': ids }, true); 
var url = '@Url.Action("GetIds", "Store")'; 
$.post(url, data, function(r) { alert r.Id; }); 

и изменить вас метод

public JsonResult GetIds(ProductOrderViewModel model, string[] products) 

Однако вы первый сценарий инициализирует новый массив (var ids = [];), добавляет объекты к нему а затем сбрасывает его в пустой массив (последняя строка вашего кода - ids = [];). Предложите вам просто проверить это, используя var ids = []; ids.push('abc'); ids.push('def'); для тестирования на начальном этапе.

Answer 2

Вы должны построить более сложную модель, чтобы связать данные формы. Что-то вроде этого:

public JsonResult GetIds(InputModel model) 
{ 

} 

public class InputModel 
{ 
    public string[] Products { get; set; } 
    public CustomerInfoModel CustomerInfo { get; set; } 
} 

public class CustomerInfoModel 
{ 
    public string Name { get; set; } 
    public string Value { get; set; } 
} 

Вы могли бы сделать некоторые рефакторинга и пропустить JSON.stringify($('#customerform')) часть и вместо того, чтобы соответствовать модели с вашей формой.