我创建了一些自定义链接，使用；href"；属性，我的代码如下所示。

<a class="line1" id="btn2" href="?add-to-cart=5207">Example</a>

但我不喜欢这样一个事实，每次我添加一个产品，它都会刷新整个页面，所以我开始寻找一种不同的方法，我找到了一种使用jQuery代码的方法，它会添加产品，但由于页面没有重新加载，购物车图标在我手动重新加载页面之前不会更新。代码如下所示。

jQuery(document).ready(function( $ ){   
    $(\'#buy\').click(function(e) {
       console.log(\'Working!!\')
       e.preventDefault();
       prodId = $(this).attr("data-prod-id");
       addToCart(prodId);
       return false;
    });    

    function addToCart(p_id) {
       $.get(\'?add-to-cart=\' + p_id, function() {
           // call back
       });
     }
});

有没有办法向jQuery函数中添加一些代码，以便只更新购物车图标，从而显示添加的新产品？

 function addToCart(p_id) {
   $.get(\'?add-to-cart=\' + p_id, function() {
      // SO IF YOU ALREADY HAD 3 IN CART IT WILL NOW BE 4
       $(\'#cart-icon\').text( $(\'#cart-icon\').text() + 1);

   });
 }