如何使用 ASP.net MVC 进行 Ajax 回传

Question

我对 MVC 很陌生。所以，一直在研究CodePlex中MusicStore Application的代码。

我无法理解以下代码的含义：

 // AJAX: /ShoppingCart/RemoveFromCart/5

        [HttpPost]
        public ActionResult RemoveFromCart(int id)
        {
            // Remove the item from the cart
            var cart = ShoppingCart.GetCart(this.HttpContext);

            // Get the name of the album to display confirmation
            string albumName = storeDB.Carts
                .Single(item => item.RecordId == id).Album.Title;

            // Remove from cart
            int itemCount = cart.RemoveFromCart(id);

            // Display the confirmation message
            var results = new ShoppingCartRemoveViewModel
            {
                Message = Server.HtmlEncode(albumName) +
                    " has been removed from your shopping cart.",
                CartTotal = cart.GetTotal(),
                CartCount = cart.GetCount(),
                ItemCount = itemCount,
                DeleteId = id
            };

            return Json(results);
        }

        //
        // GET: /ShoppingCart/CartSummary

        [ChildActionOnly]
        public ActionResult CartSummary()
        {
            var cart = ShoppingCart.GetCart(this.HttpContext);

            ViewData["CartCount"] = cart.GetCount();

            return PartialView("CartSummary");
        }
    }
}

请帮我澄清一下，那个特殊的 HttpPost 是如何作为 Ajax Post 工作的。

Answer 1

我知道这是一个老问题，但我在搜索中遇到了它，为了让它发挥作用，我必须在 Url.Action 周围添加引号。

$.ajax({
      type: "POST",
      url: "@(Url.Action("RemoveFromCart"))",
      data: ({
                Id:1
             }),
      success: success,
      dataType: dataType
    })

Answer 2

您好，您可以使用 jQuery Ajax 发出异步回发请求

请看下面的代码

$.ajax({
  type: "POST",
  url: @Url.Action("RemoveFromCart"),
  data: ({
            Id:1
         }),
  success: success,
  dataType: dataType
})

[HttpPost] -- 属性确保 RemoveFromCart 操作方法只接受发布请求

[ChildActionOnly] -- 属性确保动作方法只能作为视图中的子方法调用。这些通常与部分视图相关联。