AJAX 看起来工作正常,但是购物车内容不会像预期的那样刷新。我希望购物车的内容在单击“添加到购物车”按钮后刷新。现在,我必须手动刷新页面才能看到添加的产品。
我正在使用此功能将产品添加到我的woocommerce购物车:
function addToCart(p_id) {
jQuery.ajax({
type: 'POST',
url: '/wp/?post_type=product&add-to-cart='+p_id,
data: { 'product_id': p_id,
'quantity': amount},
success: function(response, textStatus, jqXHR){
console.log("Product added");
}/*,
dataType: 'JSON'*/
});
}
jQuery('#addToCart').click(function(e) {
e.preventDefault();
addToCart(prod_id["product_id"]);
return false;
});
是否可以在添加产品后仅刷新购物车?
4条答案
按热度按时间pobjuy321#
这是可能的-您需要使用此代码的修改版本:
http://docs.woothemes.com/document/show-cart-contents-total/
编辑-以防将来出现404
qvsjd97n2#
你介意 AJAX 请求“自动”刷新页面吗?那么你可以尝试类似这样的东西...(未经测试)。
ctehm74n3#
首先观察购物车中的html是什么,以及您需要哪些信息来完成该操作。例如,您的购物车可能看起来像这样:
现在,您的代码应包含以下更改以反映产品:
这将反映在获得产品添加到购物车。请阅读以下链接,如果你觉得困惑。Tutorial还有jquery append和 AJAX 函数在www.example.com更详细jquery.com
ivqmmu1c4#
这似乎对我很有效,至少在我尝试过的主题上是这样: