将商品添加到购物车AJAX Laravel

Question

我正在将 Laravel 用于电子商务网站，并通过这种方式添加项目：

<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>