ポストバックなしでウェブサイトを反応させるには？

Question

これまでカートに商品を追加するときにポストバックなしでサイトを反応させました（は、Product.IdをJQueryのクッキーに追加します）。

ユーザーがCart/Checkoutページにアクセスすると、コントローラのCookieからすべてIdを読み込み、すべてのレコードをcartListに入れて、それをビューに渡します。

私はカートから製品を取り除きたいときにポストバックなしでそれを解決する方法を知らないので、私は立ち往生しています。ビューの

cartList.Remove(db.Products.SingleOrDefault(x=> x.Id == /*Id to remove from cart*/)); 

：

は、それは次のように対応する/似た何かをすることは可能ですか？

マイコード：

は、私はjQueryを使ってクッキーにProduct.Idを追加（は、foreachループからIDdata-id="@item.ID"を取得します）：

$('.add-to-cart').click(function() { 

    if ($.cookie("AddedProductId") != null) { 
     var previousValues = $.cookie("AddedProductId"); 
     $.cookie("AddedProductId", previousValues + '_' + $(this).data('id')); 
    }else{ 
     $.cookie("AddedProductId", $(this).data('id')); 
    } 
}); 

これは私が追加の製品とcartListを維持する方法です、カート/チェックアウトページにアクセスしたときの内部コントローラ：

public ActionResult Cart(){ 

     var cart = Request.Cookies["AddedProductId"].Value; 

     String[] elements = Regex.Split(cart, "_");   
     List<Product> cartList = new List<Product>(); 

     foreach (var item in elements){ 
      cartList.Add(db.Products.SingleOrDefault(x => x.ID == new Guid(item))); 
     }  
     return View(cartList); 
} 

foreachループ内にすべて/Cart/Viewを表示します。

これをAsp.Net MVCで解決する最適な方法は何ですか？

Answer 1

responsive websiteとpostbackは異なるものです。あなたの質問に答える

、AJAXリクエストは、コントローラの追加ソリューション

です：

[HttpPost] 
public JsonResult Remove(Guid id) 
{  
    cartList.RemoveAll(p => p.ID.Equals(id)); 

    return Json(new { removed = true }); 
} 

jqueryの：

$.ajax({ 
      url: '/Cart/Remove', 
      type: 'POST', 
      dataType: 'json', 
      data: { id: <here selected ID> }, 
      success: function (json) { 
       if(json.removed) { 
        // your code... 
       } 

      } 
     });