MVC3如何將動態值添加到購物車

Question

我一直在關注如何在MVC3中創建購物車。

http://mvcmusicstore.codeplex.com/ 

我想要做的是向用戶可以添加到購物車頁面添加額外的值。我想要選擇數量和大小的選項。

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

如果用戶更改數量或大小，則需要在此鏈接中更改Model.ID值。我如何刷新頁面並動態地執行此操作？

Answer 1

在我目前的項目中，我們有一個數量旁邊的「添加到購物車」按鈕。當點擊「添加到購物車」按鈕時，我得到的網址，添加到它的數量，然後發送一個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>