我有一个HTML
包含多个相同名称字段的表单。例如:
<form action="" method="post" id="form">
<div class="itemsection" id="item1">
<input type="text" name="Price" />
<input type="text" name="Name" />
<input type="text" name="Catagory" />
</div>
<div class="itemsection" id="item2">
<input type="text" name="Price" />
<input type="text" name="Product" />
<input type="text" name="Catagory" />
</div>
<div class="itemsection" id="item3">
<input type="text" name="Price" />
<input type="text" name="Product" />
<input type="text" name="Catagory" />
</div>
</form>
现在在服务器端(C#),我有一个动作方法和一个模型类Product
:
//Action method accepts the form on server //It require the Product array
public ActionResult SaveItem(Product[] products)
{
.....
...
}
//Model class product
public Class Product
{
public int Id { get; set; }
public double Price { get; set; }
public string Name { get; set; }
public string Catagory { get; set; }
}
现在我的问题是:我正在使用jquery $.ajax method
. 在服务器端,action 方法接受一个Product
类数组。现在如何将表单字段转换为Json
数组(类似于产品数组)。我试过:
$("#form").serialize();
&
$("#form").serializeArray();
第一个生成所有表单字段的名称-值对,第二个生成所有表单字段的名称-值数组。我的要求是:
//currently my form contains 3 item section so :
[
{ "Price" : "value", "Name" : "value", "Catagory" : "value" },
{ "Price" : "value", "Name" : "value", "Catagory" : "value" }
{ "Price" : "value", "Name" : "value", "Catagory" : "value" }
]
谁能告诉我如何通过JavaScript
or实现这一目标JQuery
?