更新购物车与AJAX

Question

您好我已经做了一个网上商店，我想实现的是当我点击相应的“添加到购物车按钮”我想顶级购物车（不是网上商店的主购物车页）是更新。顶级购物车在eshop的头部是一格。当我刷新页面时，会出现正确的内容，但这不会发生刷新。我知道这必须用ajax完成，但似乎我做错了什么。我的代码

部分：

<input type="button" class="add_to_cart" id="add_to_cart" value="BUY" /> 
<script type="text/javascript"> 
    $('input.add_to_cart').click(function() { 
     $.ajax({ 
      type: "POST", 
      url:"add_to_topcart.php", 
      data:$('.prod_form').serialize(), 
      success:function(data){ 
       $('#show-quick-cart').text(data); 
       $(".add_cart_msg").delay(250).fadeIn("slow").delay(2000).fadeOut("slow"); 
      } 
     }); 
    }); 
</script> 
</form> 
</div> 

<div class="add_cart_msg" style="display:none;"><img src="images/green_tick.png"/>Product was added to cart!</div> 

上面有一个结果，暂时算我添加到购物车

Answer 1

首先的产品，在文档准备好处理程序附上代码 -

$(document).ready(function() { 
    $('input.add_to_cart').click(function() { 
     $.ajax({ 
      type: "POST", 
      url:"add_to_topcart.php", 
      data:$('.prod_form').serialize(), 
      success:function(data){ 
       $('#show-quick-cart').text(data); 
       $(".add_cart_msg").delay(250).fadeIn("slow").delay(2000).fadeOut("slow"); 
      } 
     }); 
    }); 
}); 

然后打开浏览器的控制台，并记录任何错误。如果您需要帮助解决问题，则可以一次性修复它们中的一个或将它们发布到此处。