要使用jQuery的serializeArray()方法,首先需要引入jQuery庫。然后,使用選擇器選取要序列化的表單元素,并調用serializeArray()方法。
下面是一個簡單的示例:
HTML代碼:
<form id="myForm">
<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">
<input type="checkbox" name="subscribe" value="1" checked>
<input type="submit" value="Submit">
</form>
JavaScript代碼:
$(document).ready(function() {
$('#myForm').submit(function(event) {
event.preventDefault(); // 阻止表單提交
var formData = $(this).serializeArray();
// 打印序列化后的表單數據
console.log(formData);
});
});
上面的代碼會在表單提交之前阻止默認行為,并將表單元素序列化為一個數組對象。最后,將序列化后的數據打印到控制臺上。
注意:serializeArray()方法只能序列化表單元素,而不能序列化其他元素。如果需要序列化整個表單(包括非表單元素),可以使用serialize()方法。