Javascript 更新后重新加载ajax购物车
我正在为shopfy网站建造一个购物车抽屉。抽屉通过ajax购物车api填充。我还为抽屉中的产品数量提供了一些加减功能。 这是购物车抽屉的代码:Javascript 更新后重新加载ajax购物车,javascript,ajax,Javascript,Ajax,我正在为shopfy网站建造一个购物车抽屉。抽屉通过ajax购物车api填充。我还为抽屉中的产品数量提供了一些加减功能。 这是购物车抽屉的代码: function updateCartDesc(data){ var _config = { shopifyAjaxCartURL: '/cart.js' }; $('#item_count').text(data.item_count); renderHoverCart(data); $('.drawer-ove
function updateCartDesc(data){
var _config = {
shopifyAjaxCartURL: '/cart.js'
};
$('#item_count').text(data.item_count);
renderHoverCart(data);
$('.drawer-overlay').css('display','block');
$.getJSON(_config.shopifyAjaxCartURL, function(cart) {
$.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>");
});
});
}
因此,这确实会更新产品的数量,但需要首先刷新页面以显示更新。
如你所见,我已经尝试添加
success: function() {
shopifyAjaxCartURL.load();
}
我也试过了
success: function() {
shopifyAjaxCartURL.reload();
}
但是页面仍然需要刷新才能看到更新的购物车。有什么办法吗
success: function() {
shopifyAjaxCartURL.reload();
}