你可以使用 serializeArray()
方法來獲取 form 表單的所有數據,然后使用 each()
方法來遍歷每個字段值。
以下是一個示例:
HTML:
<form id="myForm">
<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">
<input type="number" name="age" value="25">
</form>
JavaScript:
$(document).ready(function() {
$('#myForm').submit(function(e) {
e.preventDefault(); // 阻止表單提交
var formData = $(this).serializeArray();
$.each(formData, function(index, field) {
console.log(field.name + ":" + field.value);
});
});
});
在這個例子中,當 form 表單被提交時,事件處理程序將阻止默認的表單提交行為,并使用 serializeArray()
方法獲取所有字段的值。然后,使用 each()
方法遍歷 formData 數組,并打印每個字段的名稱和值。
請注意,這里的 serializeArray()
方法返回一個數組對象,每個對象包含字段的名稱和值。如果你想要將表單數據轉換為可用于 AJAX 請求的序列化字符串,可以使用 serialize()
方法。