温馨提示×

jQuery中serializeArray()与serialize()有什么区别

小亿
100
2023-08-03 21:52:09
栏目: 编程语言

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

<form id="myForm">
<input type="text" name="name" value="John">
<input type="email" name="email" value="john@example.com">
<input type="checkbox" name="subscribe" value="1" checked>
</form>
var formArray = $('#myForm').serializeArray();
console.log(formArray);

输出结果为:

[
{name: 'name', value: 'John'},
{name: 'email', value: 'john@example.com'},
{name: 'subscribe', value: '1'}
]

而 serialize() 方法将表单元素的键值对序列化成一个字符串,形式为"name1=value1&name2=value2&..."。例如:

var formString = $('#myForm').serialize();
console.log(formString);

输出结果为:

"name=John&email=john%40example.com&subscribe=1"

所以,serializeArray() 返回的是一个数组,每个对象包含name和value属性,而 serialize() 返回的是一个字符串,包含所有键值对。

0