jquery - Shopify cart.item_count 未使用 AJAX onclick 功能更新

Question

我正在尝试更新Shopify购物车onclick。它正在工作，但是当我尝试更新购物车计数而不使用购物车刷新页面时，success: function它不起作用。下面是我的代码。

$(function(){
    $('.varients-item').on('click', function(){
        var obj = $(this);
        $.ajax({
            type: 'POST',
            url: '/cart/add.js',
            data: {
                quantity: 1,
                id: $(this).attr("data-variant")
            },
            dataType: 'json',
            success: function (data) {  
                //alert('Item added to cart');
                $('.cart-item-count').html(cart.item_count);
            }
        });
    });
});

这是console错误：

标签： jqueryajaxshopifyliquid

Answer 1

这是我的解决方案。

$(function(){
    var cartCount = {{ cart.item_count }};
    $('.varients-item').on('click', function(){
        var obj = $(this);
        $.ajax({
            type: 'POST',
            url: '/cart/add.js',
            data: {
                quantity: 1,
                id: $(this).attr("data-variant")
            },
            dataType: 'json',
            success: function (data) {
                $.ajax({
                    type: 'GET',
                    dataType: 'json',
                    url: '/cart.json',
                    success: function(cart){
                        cartCount++;
                        $('.cart-item-count').html(cartCount);
                    }
                });
            }
        });
    });
});