温馨提示×

jQuery的serializearray方法怎么使用

小亿
117
2023-08-03 23:46:28
栏目: 编程语言

jQuery的serializeArray方法用于将表单元素的值序列化为一个数组对象。

使用方法如下:

  1. 首先,选取要序列化的表单元素,可以是一个表单元素,也可以是一个表单元素的父级元素。

  2. 调用serializeArray方法,如下所示:

$("form").serializeArray();

这将返回一个包含表单元素的名称和值的数组对象。

  1. 可以将返回的数组对象用于其他用途,例如将其转换为JSON格式。

示例代码如下:

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

以上代码将在控制台输出以下结果:

[
{
name: "name",
value: "John"
},
{
name: "email",
value: "john@example.com"
},
{
name: "check1",
value: "1"
},
{
name: "check2",
value: "2"
}
]

0