AddItem到购物车

时间:2015-11-12 13:50:24

标签: c# ajax model-view-controller shopping-cart

我正在用C#(MVC)建立一个网上商店。现在我想更改cart-icon(布局页面)中显示的项目数。我找到了这段代码,并希望将其自定义到我的页面。

$(function () {
    // Document.ready -> link up remove event handler
    $("#@product.ArtNumber").click(function () {
        // Get the id from the link
        var itemToAdd = $(this).attr("data-id");
        if (itemToAdd != '') {
            // Perform the ajax post
            $.post("/ShoppingCart/RemoveFromCart", { "id": recordToDelete },
                function (data) {
                    // Successful requests get here
                    // Update the page elements
                    if (data.ItemCount == 0) {
                        $('#row-' + data.DeleteId).fadeOut('slow');
                    } else {
                        $('#item-count-' + data.DeleteId).text(data.ItemCount);
                    }
                    $('#cart-total').text(data.CartTotal);
                    $('#update-message').text(data.Message);
                    $('#cart-status').text('Cart (' + data.CartCount + ')');
                });
        }
    });
});

现在我有一个关于“$ .post(”/ ShoppingCart / RemoveFromCart“”

的问题

在我的情况下,当您单击按钮时我不想切换到另一个页面 - 而是将项目添加到购物车(在布局页面)。我可以写什么而不是“帖子”?据我所知,当你想打开一个新的HTML页面时会使用它吗?

1 个答案:

答案 0 :(得分:1)

$ .post是jQuery.post的简写。 http://api.jquery.com/jquery.post/

这是一个ajax调用,并在后台异步发生。您应该有一个端点来处理服务器上的HTTP帖子。理想情况下,这将使用购物车信息更新服务器,以便稍后在客户端断开或关闭其浏览器时可用。

  

在我的情况下,当您点击按钮

时,我不想切换到另一个页面

我没有直接回答你的问题。它不会将您带到不同的页面或离开当前页面。您实际上可以打开一个新选项卡并将该URL粘贴到浏览器中,并看到它返回JSON。