温馨提示×

jquery如何获取form表单所有数据

小亿
319
2023-08-07 10:17:38
栏目: 编程语言

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

0