jQuery ajax 不會發送兩個以上的值來發布 url

Question

我有以下代碼通過 Jquery AJAX 發送數據，並注意我有三個值需要發送到接收文件（Addtocart.php）。 傳輸和接收都很好，但過了一段時間我不知道為什么它不再發送.. 當其中一個值被取消而剩下兩個值時，它會發送.. 但當三個值沒有發送時。

阿賈克斯

 <script > $(document).ready(function() { $("#add-to-card").click(function() { var quantityq = $("#quantityq").val(); var user = $("#user").val(); var product__id = $("#product__id").val(); $.ajax({ url: 'Addtocart.php', method: 'POST', data: { quantityq: quantityq, user: user, product__id: product__id }, success: function(data) { $('#result').html(data); } }); }); }); </script>

 <input step="1" min="1" max="50" name="quantityq" id="quantityq" value="1" title="Qty" class="input-text qty text" size="4" type="number"> <input type="hidden" name="user" id="user" value="72663"> <input type="hidden" name="product__id" id="product__id" value="4"> </div> <button type="submit" id="add-to-card" class="btn sqaure_bt fll display-f">send</button>

Answer 1

不清楚您面臨什么問題，因為您沒有發布清楚顯示問題的示例。

但是與其綁定到按鈕的單擊事件，不如綁定到表單的提交事件。 這樣，客戶端表單驗證將正常工作，並且您的 JS 代碼會小很多。

<form id="myForm">
    <input step="1" min="1" max="50" name="quantityq" id="quantityq" value="1" title="Qty" class="input-text qty text" size="4" type="number">
    <input type="hidden" name="user" id="user" value="72663">
    <input type="hidden" name="product__id" id="product__id" value="4">
    <button type="submit" id="add-to-card" class="btn sqaure_bt fll display-f">send</button>
</form>



<script>

$(document).ready(function() {
    $("#myForm").submit(function(e) {
        e.preventDefault();
        let postData = $(this).serialize();
        $.ajax({
            url: 'Addtocart.php',
            method: 'POST',
            data: postData,
            success: function(data) {
                $('#result').html(data);
            }
        });
    });
});

</script>