{site_name}

{site_name}

🌜 搜索

jQuery对象函数.serializeArray()是用于将表单数据序列化为一个JavaScript对象数组的方法

前端 𝄐 0
jqueryserialize
jQuery对象函数.serializeArray()是用于将表单数据序列化为一个JavaScript对象数组的方法。它将表单中所有带有名称属性的元素的值转换为一个由{name:value}对象组成的数组。

例如,假设有以下表单:


<form>
<input type="text" name="username" value="John">
<input type="email" name="email" value="john@example.com">
<select name="gender">
<option value="">--Please choose an option--</option>
<option value="male" selected>Male</option>
<option value="female">Female</option>
</select>
</form>


可以使用以下代码来获取表单数据的JavaScript对象数组:


var formData = $('form').serializeArray();
console.log(formData);


这将输出以下内容:


[
{ name: "username", value: "John" },
{ name: "email", value: "john@example.com" },
{ name: "gender", value: "male" }
]


每个对象都代表表单中的一个字段。name属性是字段的名称,value属性是字段的值。如果同一个字段有多个值(例如多选框),则每个值都作为单独的对象添加到数组中。

此方法通常用于将表单数据通过AJAX请求发送到服务器。