MVC3 как добавить динамические значения в корзину

Question

Я следовал руководству по созданию корзины покупок в MVC3.

http://mvcmusicstore.codeplex.com/

Я хотел бы добавить дополнительные значения на страницу, которую пользователь может добавить в корзину.Я хочу выбрать количество и размер.

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

Если пользователь изменяет количество или размер, то в этой ссылке необходимо изменить значение Model.ID.Как мне обновить страницу и сделать это динамически?

Answer 1

В моем текущем проекте у нас есть количество рядом с кнопкой «Добавить в корзину».Когда нажимается кнопка «Добавить в корзину», я получаю URL, добавляю к нему количество и затем отправляю 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 для кнопки «Добавить в корзину» и количества:

<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>