asp.net-mvc-2 - 使用 jQuery 和 AJAX 将项目添加到 ASP.NET MVC 站点上的集合

Question

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

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

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

示例:

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

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

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

然后，当用户发布表单时，我将 Controller 设置如下:

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

使用 jQuery 将项目添加到我的收据模型的发货集合中的最佳实践或方法是什么？

Answer 1

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