Linux 拨号vps windows公众号手机端

jQuery中serializearray怎么使用

lewis 6年前 (2019-01-14) 阅读数 6 #程序编程
文章标签 serializearray

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

使用方法如下:

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

例如,选中所有的input元素:

var form = $('input');
  1. 然后,使用serializeArray()方法将表单元素的值序列化成一个对象数组。
var formData = form.serializeArray();
  1. 最后,可以遍历该对象数组,获取每个表单元素的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
版权声明

本文仅代表作者观点,不代表米安网络立场。

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

热门