通过这种方式将项目添加到购物车AJAX Laravel我使用Laravel的电子商务网站和添加项目

Question

：通过这种方式将项目添加到购物车AJAX Laravel我使用<strong>Laravel</strong>的电子商务网站和添加项目

<div class="product-icon-container"> 
    <a href="{{ route('product.addToCart', ['id' => $product->id]) }}"><i class="fa fa-shopping-cart"></i></a> 
</div> 

您能否提供AJAX解决方案，将项目添加到购物车无需刷新页面？

Answer 1

您可以捕获onclick并与Jquery异步提交。

<script type="text/javascript"> 
     $('.product-icon-container').find('a').click(function (event){ 
      event.preventDefault(); 
      $.ajax({ 
       url: $(this).attr('href') 
       ,success: function(response) { 
        alert(response) 
       } 
      }); 
      return false; //for good measure 
     }); 
</script>