您可以使用 jQuery 的 serializeArray() 方法来将表单中的多个值序列化为一个数组,然后将该数组提交给服务器。以下是一个示例代码:
<form id="myForm">
<input type="text" name="name" value="John">
<input type="text" name="email" value="john@example.com">
<input type="text" name="phone" value="123456789">
<input type="checkbox" name="subscribe" value="1" checked>
</form>
<button id="submitButton">Submit</button>
<script>
$(document).ready(function() {
$('#submitButton').click(function() {
var formData = $('#myForm').serializeArray();
$.ajax({
url: 'your_server_url',
type: 'post',
data: formData,
success: function(response) {
console.log('Form data submitted successfully');
},
error: function(err) {
console.error('Error submitting form data');
}
});
});
});
</script>
在上面的示例中,当用户点击提交按钮时,表单中的数据会被序列化为一个数组,并通过 AJAX 请求发送到服务器上的 your_server_url
。您可以根据实际情况修改和扩展这段代码来满足您的需求。