serialize

英 [?s??ri?la?z]? ?美 [?s?ri?la?z]??

vt.連載,連播(故事)

array

英 [??re?]? ?美 [?'re?]??

n.數(shù)組;隊(duì)列,陣列;一大批;衣服

vt.排列;部署兵力;打扮,裝飾

ajax serializeArray()方法 語(yǔ)法

作用:serializeArray() 方法通過(guò)序列化表單值來(lái)創(chuàng)建對(duì)象數(shù)組(名稱(chēng)和值)。您可以選擇一個(gè)或多個(gè)表單元素(比如 input 及/或 textarea),或者 form 元素本身。

語(yǔ)法:$(selector).serializeArray()

說(shuō)明:serializeArray() 方法序列化表單元素(類(lèi)似?.serialize() 方法),返回 JSON 數(shù)據(jù)結(jié)構(gòu)數(shù)據(jù)。

注意:此方法返回的是 JSON 對(duì)象而非 JSON 字符串。需要使用插件或者第三方庫(kù)進(jìn)行字符串化操作。返回的 JSON 對(duì)象是由一個(gè)對(duì)象數(shù)組組成的,其中每個(gè)對(duì)象包含一個(gè)或兩個(gè)名值對(duì) —— name 參數(shù)和 value 參數(shù)(如果 value 不為空的話)。

ajax serializeArray()方法 示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    x=$("form").serializeArray();
    $.each(x, function(i, field){
      $("#results").append(field.name + ":" + field.value + " ");
    });
  });
});
</script>
</head>
<body>
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>

<button>序列化表單值</button>
<div id="results"></div>
</body>
</html>
運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例