购物车的PHP和MySQL帮助

Question

我被困在一个家庭作业项目中，需要在我的HTML和CSS准系统Web页面上合并一个在线电子商务商店。

我正在尝试显示“添加到购物车”按钮，这是我的代码，但根本没有显示。

<script>
        $(document).ready(function(){
        // add to cart button listener
        $('.add-to-cart-form').on('submit', function(){

            // info is in the table / single product layout
            var id = $(this).find('.product-id').text();
            var quantity = $(this).find('.cart-quantity').val();

            // redirect to add_to_cart.php, with parameter values to process the request
            window.location.href = "add_to_cart.php?id=" + id + "&quantity=" + quantity;
            return false;
        });
    });
</script>

这是子页面之一，而不是主页。

我正在尝试从以下链接中获得灵感： https : //www.codeofaninja.com/2015/08/simple-php-mysql-shopping-cart-tutorial.html 。

我正在努力前进，但我什至无法得到他们的榜样来从事我的项目。

我不断获得与以前相同的网页，但没有显示任何更改。

请随时询问其他详细信息。

这是我第一次使用Stack Overflow。 我是制作网站的初学者。 任何帮助，将不胜感激。 我需要在星期五之前完成。

谢谢大家。

Answer 1

当前代码仅将JS函数附加到“添加到购物车”按钮上。 但是您还没有创建一个。

在该教程网页的下方，有一个部分实际显示名为“ 10.10 Render'Cart'button”的按钮，这可能是其正常工作所需的最少代码量：

<form class='add-to-cart-form'>
    <div class='product-id'>
        <?php echo $id; ?>
    </div>
    <div>Quantity:</div>
    <input type='number' class='cart-quantity' value='1' min='1' />
    <button type='submit'>
         Add to cart
    </button>
</form>

取自https://www.codeofaninja.com/2015/08/simple-php-mysql-shopping-cart-tutorial.html

您可以将此部分放在脚本所在的子页面中。