MVC3如何将动态值添加到购物车

时间:2011-09-01 12:49:37

标签: c# asp.net-mvc-3

我一直在按照指南在MVC3中创建购物车。

http://mvcmusicstore.codeplex.com/

我想要做的是在用户可以添加到购物车的页面中添加其他值。我想要选择数量和大小的选项。

   @Html.ActionLink("Add to cart", "AddToCart",
                    "ShoppingCart", new { id = Model.Id }, "")

如果用户更改了数量或大小,则需要在此链接中更改Model.ID值。如何刷新页面并动态执行此操作?

1 个答案:

答案 0 :(得分:0)

在我当前的项目中,我们在“添加到购物车”按钮旁边有一个数量。单击“添加到购物车”按钮后,我会获取网址,向其添加数量,然后将ajax请求发送回服务器。

$('#AddToCartLink').click(function() {
            var link = $(this).attr('href') + '?quantity=' + $(this).siblings('.Quantity').val();

            $.ajax({
                url: link,
                type: "POST",
                success: AddToCartSuccess,
                error: AddToCartFailure
            });

            return false;

        });

HTML for Add to Cart按钮和数量:

<div class="DetailAddToCart">
    Qty:
    <input type="text" value="1" class="Quantity" id="Quantity" />&nbsp;
    <a id="AddToCartLink" href="@Url.Action("Add", "Cart", new {id = Model.EquipmentModelId})">
        <img src="/Content/Images/add_to_cart.png"alt="Add to Cart" /></a>
</div>