javascript - 如何使用 jQuery 和 Ajax 将动态对象列表发送到 MVC 中的 Controller

Question

我正在使用对象动态填充表单，允许编辑新字段，然后尝试将表单提交到不同对象类型的另一个列表。

我目前正在使用 Ajax 表单来执行此操作，但是 <label for=>属性不会与其他属性一起发送到部分 View 结果。

我的 Controller 部分 View 结果如下:

[HttpPost]
public PartialViewResult AddToOrder(IList<OrderItemModel> form_list)
{ 
    // do something
}

我认为的Ajax表单如下:

@using (Ajax.BeginForm("AddToOrder", "Order", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "result" }))
{
   for (int i = 0; i < Model.Count; i++)
   {
    <tr>
       <input type="hidden" name="form_list[@i].item_id" value="@Model[i].id" />
       <td><label for="form_list[@i].description">@Model[i].description</label></td>
       <td><label for="form_list[@i].price">@Model[i].price</label></td>
       <td><input type="text" name="form_list[@i].quantity"  value="0" /></td> 
    </tr>
   }

   <td><input type="submit" value="Add to order"/></td>
}

如果我将标签复制为 <input type="hidden">属性，我需要的所有字段都发送到部分 View 结果，但是有没有更好的方法可以使用 jQuery 而不是 Ajax 表单来做到这一点？

Answer 1

标签永远不会通过 HTTP POST 提交。仅<input> , <select>和<textarea>元素是。

如果您想将这些值传回，您可以像现在一样使用隐藏的输入字段。