Question

Ich habe eine Form wie diese:

<form id="orderForm"> 
    <input name="Customer" value="Mr.Test" /> 
    <input name="ProductLines" value='[{"Product":{"Name":"Orange","Price":"10"},"amount":"2","total":"20"}, {"Product":{"Name":"Apple","Price":"5"},"amount":"3","total":"15"}]' /> 
</form> 

und Regler mit Blick Modellen:

[HttpPost] 
public ActionResult Save(OrderViewModel vm) 
{ 
    //... 
} 

public class OrderViewModel 
{ 
    public OrderViewModel() { ProductLines = new List<OrderProductViewModel>(); } 
    public string Customer { get; set; } 
    public IEnumerable<OrderProductViewModel> ProductLines { get; set; } 
} 

public class OrderProductViewModel 
{ 
    public ProductViewModel Product { get; set; } 
    public int Amount { get; set; } 
    public int Total { get; set; } 
} 

public class ProductViewModel 
{ 
    public string Name { get; set; } 
    public int Price { get; set; } 
} 

ist es möglich, diese Form mit hinterlassen jquery

 $.post('@Url.Action("Save")', $("#orderForm").serialize(), function (data) {//...}, "json"); 

und Get ProductLines Sammlung auf Server-Seite gefüllt. (momentan ist es immer leer)

Danke!

Answer 1

Das Buchungsobjekt muss in json-Objekt konvertiert und mit dem Inhaltstyp json gepostet werden. Versuchen Sie Folgendes, es könnte helfen

var results = {}; 
$.each($("#orderForm").serializeArray(), function (index, item) { 
    results[item.name] = item.value; 
}); 
results.ProductLines = $.parseJSON(results.ProductLines); 
$.ajax({ 
    url: '@Url.Action("Save")', 
    type: 'post', 
    data: JSON.stringify(results), 
    contentType: "application/json; charset=utf-8", 
    dataType:'json', 
    success: function (data) { 
     alert("hi"); 
    } 
});