使用 jQuery 和 AJAX 将项目添加到 ASP.NET MVC 站点上的集合答案

【问题标题】：Adding items to a collection on a ASP.NET MVC site using jQuery and AJAX使用 jQuery 和 AJAX 将项目添加到 ASP.NET MVC 站点上的集合
【发布时间】：2010-11-17 18:33:01
【问题描述】：

我正在创建一种 UX 体验，允许用户使用 jQuery 按钮和一些 AJAX 将项目添加到集合中。

我的问题是，当用户完成添加项目并填写表单的其余部分时，他们完成了表单，我想以强类型类的形式将其传送到服务器。

我的问题是，使用 jQuery 和 Ajax 向模型集合中添加新项目的最佳方法是什么？或者这有可能吗？

例子：

<li>
    <div id="shipment">
        <%: Html.EditorFor(x => x.Shipment) %>
    </div>
</li>

x.Shipment 实际上是我的模型中的一个集合。

我在 EditorFor 中有按钮，可让用户将商品添加到货件中。

然后，当用户发布表单时，我将控制器设置如下：

[HttpPost]
public ActionResult CompleteReceipt(Receipt receipt)
{
    Context.Update(receipt);
    return RedirectToAction("Index", "Home");
}

使用 jQuery 将项目添加到我的 Receipt Model 的 Shipment 集合的最佳实践或方法是什么？

【问题讨论】：

标签： asp.net-mvc-2 jquery

【解决方案1】：

查看史蒂夫·桑德森 (Steve Sanderson) 的 excellent blog post。它很好地概述了如何实现您正在寻找的东西，并且可以被视为最佳实践。如果您对这方面感兴趣，请不要忘记阅读关于验证的follow-up，因为动态表单可能有点挑战。

【讨论】：