jquery - asp mvc3，带有包含 json 数组的隐藏输入的帖子表单

Question

我有一个这样的表格:

<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>

和带有 View 模型的 Controller :

[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; }
}

是否可以使用 jquery 发布此表单

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

并在服务器端填充 ProductLines 集合。 (目前始终为空)

谢谢!

Answer 1

发布对象需要转换为json对象并以内容类型json发布。尝试以下方法可能会有所帮助

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