jQuery中serializearray怎么使用

小億
88
2023-07-12 10:52:49

serializeArray() 方法將表單元素的值序列化成一個(gè)對(duì)象數(shù)組。每個(gè)對(duì)象包含一個(gè)name和一個(gè)value屬性。

使用方法如下：

  1. 首先，選中要序列化的表單元素，可以使用選擇器或者直接獲取DOM元素。

例如，選中所有的input元素：

var form = $('input');
  1. 然后，使用serializeArray()方法將表單元素的值序列化成一個(gè)對(duì)象數(shù)組。
var formData = form.serializeArray();
  1. 最后，可以遍歷該對(duì)象數(shù)組，獲取每個(gè)表單元素的name和value屬性。

例如，打印每個(gè)表單元素的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>

運(yùn)行該代碼，會(huì)輸出以下結(jié)果：

name: John
age: 25
email: john@example.com

0 踩