jQuery的serializearray方法怎么使用

1118
2023/8/26 23:46:28
栏目: 编程语言
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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"
}
]

辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: jQuery getJSON()方法能做什么