購物車的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

您可以將此部分放在腳本所在的子頁面中。