我正在使用 Shopify 构建在线商店,并且在默认模板中遇到了一些 jQuery/Ajax 代码,我想根据自己的需要进行修改。
function addToCartSuccess (jqXHR, textStatus, errorThrown){
$.ajax({
type: 'GET',
url: '/cart.js',
async: false,
cache: false,
dataType: 'json',
success: updateCartDesc
});
window.location = "/cart";
$('.add-cart-msg').hide().addClass('success').html('Item added to cart! <a href="/cart" title="view cart">View cart and check out »</a>').fadeIn('300');
}
我自己添加了 window.location 行,以为它会在购物车页面上发布消息,但无济于事。如果我删除该代码,成功消息会在按下“添加到购物车”按钮时发布在产品页面上,因此它无需修改即可实际工作。
我还尝试使用 POST 命令创建自己的函数,但实际上我最好猜测,因为我以前没有任何使用此级别 jQuery/Ajax 的经验
function updateCartDesc (jqXHR, textStatus, errorThrown){
$.ajax({
type: 'POST',
url: '/cart',
async: false,
cache: false,
dataType: 'html',
success: function (){('.add-cart-msg').hide().addClass('success').html('Item added to cart! <a href="/cart" title="view cart">View cart and check out »</a>').fadeIn('300');
}
});
关于我哪里出错的任何指示?教程、指南等会很棒。谢谢