租用问题

质量为本、客户为根、勇于拼搏、务实创新

< 返回租用问题列表

jquery怎么获取form表单所有数据,jquery怎么获取元素

发布时间:2023-08-08 07:56:16

jquery怎样获得form表单所有数据

你可使用 `serializeArray()` 方法来获得 form 表单的所有数据,然后使用 `each()` 方法来遍历每一个字段值。
以下是一个示例:
HTML:
```html






```
JavaScript:
```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()` 方法。