你可以使用 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()
方法。