调用不显眼的添加到购物车操作时自动更新购物车摘要

Question

我有一个购物车。我还有一个局部视图 cartSummary - 它是一个简单的局部视图，列出了购物车中的所有优惠。 在我页面的某处，我单击“添加到购物车”Ajax.ActionLink，它会将选定的 oofer 添加到购物车中，如下所示：

public ActionResult AddToCart(Cart cart, string offerId)
        {
            OffersServices offersServices = new OffersServices();
            var offer = offersServices.GetOfferDetails(offerId);
            if (offer != null && offer.Count > 0)
            {
                offersServices.GetImagesAndDescriptionForOffer(offer[0]);
                cart.AddOffer(offer[0]);
            }
            return Content("Offer added to the cart");
        }

除了购物车摘要没有自行更新外，一切正常。因此，在调用“AddToCart”操作后，应该如何更新购物车摘要？

Answer 1

您可以从您的操作中返回一个局部视图，该视图将指向摘要部分并将所需的模型传递给它，以便它可以更新：

return PartialView("Summary", someModelThatTheSummaryPartialExpects);

然后您将指示您的 Ajax.ActionLink 使用 AjaxOptions 的 UpdateTargetId 属性更新摘要，并将其指向包含摘要的某个 div。现在，当 AJAX 调用成功时，控制器操作返回的部分将被注入 DOM 并替换当前摘要。