jQuery ajax不会向post url发送两个以上的值

Question

我用下面的代码通过Jquery AJAX发送数据，注意我有三个值需要发送到接收文件(Addtocart.php)。发送和接收都很好，但过了一段时间我不知道为什么不再发送了。当其中一个值被取消而剩下两个值时，它发送…但是当三个值都没有发送时

ajax

<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

目前尚不清楚您面临的问题，因为您没有发布一个清楚显示问题的示例。

但是，您应该绑定到表单的submit事件，而不是绑定到按钮的click事件。这样，客户端表单验证就能正常工作，你的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>