jQuery中serializearray怎么使用

serializearray

小亿

2023-07-12 10:52:49

栏目: 编程语言

serializeArray() 方法将表单元素的值序列化成一个对象数组。每个对象包含一个name和一个value属性。

使用方法如下：

首先，选中要序列化的表单元素，可以使用选择器或者直接获取DOM元素。

例如，选中所有的input元素：

var form = $('input');

然后，使用serializeArray()方法将表单元素的值序列化成一个对象数组。

var formData = form.serializeArray();

最后，可以遍历该对象数组，获取每个表单元素的name和value属性。

例如，打印每个表单元素的name和value：

$.each(formData, function(index, field){
console.log(field.name + ": " + field.value);
});

完整示例代码如下：

<form id="myForm">
<input type="text" name="name" value="John">
<input type="text" name="age" value="25">
<input type="text" name="email" value="john@example.com">
</form>
<script>
$(document).ready(function(){
var form = $('#myForm');
var formData = form.serializeArray();
$.each(formData, function(index, field){
console.log(field.name + ": " + field.value);
});
});
</script>

运行该代码，会输出以下结果：

name: John
age: 25
email: john@example.com

jQuery中serializearray怎么使用

最新问答

相关标签