Javascript 使用Ajax更新产品数量

Javascript 使用Ajax更新产品数量,javascript,ajax,Javascript,Ajax,因此,在我的Shopify网站上,我有一个加减按钮来更新产品的数量。目前,它在单击其中一个按钮时提交表单。现在,我正在使用ajax实现一个抽屉购物车,因此,我需要用ajax更新购物车,这样就不需要重新加载页面,而不仅仅是在单击这些按钮时提交表单并重新加载页面 这是“我的数量”按钮的代码: // This button will increment the value $('.ajax-cart-form').on("click",'.qtyplus.qtyplus-2', functio

因此,在我的Shopify网站上,我有一个加减按钮来更新产品的数量。目前,它在单击其中一个按钮时提交表单。现在,我正在使用ajax实现一个抽屉购物车,因此,我需要用ajax更新购物车,这样就不需要重新加载页面,而不仅仅是在单击这些按钮时提交表单并重新加载页面

这是“我的数量”按钮的代码:

// This button will increment the value
    $('.ajax-cart-form').on("click",'.qtyplus.qtyplus-2', function(){
        // Stop acting like a button

        // Get the field name
        fieldName = $(this).attr('field');
        // Get its current value
        var currentVal = parseInt($('input[id='+fieldName+']').val());
        // If is not undefined
        if (!isNaN(currentVal)) {
            // Increment
            $('input[id='+fieldName+']').val(currentVal + 1);
        } else {
            // Otherwise put a 0 there
            $('input[id='+fieldName+']').val(0);
        }
    $(this).closest('form').submit();
    });
    // This button will decrement the value till 0
    $(".ajax-cart-form").on("click", '.qtyminus.qtyminus-2' ,function() {
        // Stop acting like a button

        // Get the field name
        fieldName = $(this).attr('field');
        // Get its current value
        var currentVal = parseInt($('input[id='+fieldName+']').val());
        // If it isn't undefined or its greater than 0
        if (!isNaN(currentVal) && currentVal > 0) {
            // Decrement one
            $('input[id='+fieldName+']').val(currentVal - 1);
        } else {
            // Otherwise put a 0 there
            $('input[id='+fieldName+']').val(0);
        }
    $(this).closest('form').submit();
    });
这是显示我的ajax购物车的附加函数:

  $.getJSON(_config.shopifyAjaxCartURL, function(cart) {
    $('.ajax-cart-form .cart-item').remove();
    $('.ajax-subtotal .drawer-subtotal').remove();
    $.each(cart.items, function(index, cartItem) {
      var line= index +1;
var cents = "";

if (cartItem.price % 100 < 10) {
cents = "0";
}
var price = parseInt(cartItem.price/100) + "." + cents + cartItem.price % 100;
        $('.ajax-cart-form').append("<div class='cart-item desktop-full mobile-full'><div class='cart-image desktop-5'><a href='"+ cartItem.url +"'title='"+cartItem.title+"'><img src='"+ cartItem.image +"'></a></div><div class='cart-title desktop-7'><p>"+ cartItem.title +"</p><div class='cart-item-actions'><span class='drawer-price'><strong>£ "+ price +" GBP</strong></span></div><div class='cart-quantity'><input type='button' value='-' class='qtyminus qtyminus-2 CartCount qty-btn' field='updates_"+ cartItem.id +"'/><input name='updates[]' id='updates_"+ cartItem.id +"' class='quantity CartCount' value='"+ cartItem.quantity +"' /><input type='button' value='+' class='qtyplus qtyplus-2 CartCount qty-btn' field='updates_"+ cartItem.id +"' /></div></div>");

  });
  $(function(index, cartItem) {
        var line2= index +1;
        var cents2 = "";

if (cart.original_total_price % 100 < 10) {
cents2 = "0";
}
var price2 = parseInt(cart.original_total_price/100) + "." + cents2 + cart.original_total_price % 100;
  $('.ajax-subtotal').append("<div class='drawer-subtotal'><h3>Subtotal <span class='money'>£"+ price2 +" GBP</span></h3></div>");
  });
});
但我不知道如何用我的加减函数实现这个。有什么办法吗

jQuery.post('/cart/update.js', {updates: {794864053: 2, 794864233: 3}});