Question

在我的自定义WordPress主题中，我将我的购物车图标放在header.php中，其他内容我将其放在<li class="user-cart">中。我将db Query放在这个<li>中，并使用＆＃34;添加到购物车＆＃34;按钮我尝试重新加载<li> ，以便它可以再次查询并显示已添加产品的更新计数。

关于AJAX的成功，我可以使用：

success: function (data) {
   $('.user-cart').load(window.location.href + ' .user-cart');
}

当我点击“添加到购物车”按钮时，它会使用更新<li>重新加载count()，但它正在点击另一个<li>在父<li>内，如：

<li class="user-cart">
   <li class="user-cart">
      <a href="/view-cart"><span class="user-cart-icon"></span>&nbsp;15</a>
   </li> <!-- cloned li -->
</li> <!-- parent or original li -->

但好处是，克隆的<li>只加载一次，在页面重新加载后第一次点击，然后所有计数都在第二个<li>内。

我的代码中的错误部分是什么？我不想要任何重复<li> - 只想重新加载<li class="user-cart">。

Answer 1

你应该尝试这样

success: function (data) {
   $('.user-cart').load(window.location.href + ' .user-cart a');
}

P.S 该回复data包含哪些内容？我更愿意使用它来更新计数，而无需向服务器发送额外请求

使用AJAX成功更新购物车数量 - WordPress

1 个答案: