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>
點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例