您可以使用 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
。您可以根據實際情況修改和擴展這段代碼來滿足您的需求。