javascript - 我正在使用 ajax 添加到购物车，它在详细信息页面上运行良好

Question

当我在详细信息页面中使用 ajax 添加到购物车时，它可以正常工作，但作为产品页面中的一个按钮，如果有多个按钮，它就不起作用了。

我尝试将产品限制为 1 并且它有效。

所以我想问题是我在多个表单中使用相同的表单 ID。

<form method="POST" id="add_to_cartt">
    <input type="hidden" name="cart_id" value="<?php echo $final['id'];?>"   id="cart_id">
    <input type="hidden" name="cart_quantity" value="<?php echo "1" ?>">
    <button class="btn js-prd-addtocart" >Add To Cart</button>
</form>

$(document).ready(function(){
    $('#add_to_cartt').on('submit', function(e){
        //Stop the form from submitting itself to the server.
        e.preventDefault();
        var cart_id = $('#cart_id').val();
        var cart_quantity = $('#cart_quantity').val();
                    
        $.ajax({
            type: "POST",
            url: 'carthandler.php',
            data: {cart_id : cart_id, cart_quantity : cart_quantity,},
            success: function(data){}
        });
    });
});

标签： javascripthtmljquery