ajax 序列化Array() 方法
翻譯結果:
serialize
英[ˈsɪəriəlaɪz] 美[ˈsɪriəlaɪz]
vt.連載,連載,連載(故事)
array##array
##array##array
##array##array
##array##array
##array#####array#####array#####narray#####narray#####1頭連載,連載#######英[əˈreɪ] 美[ə'reɪ] ######n.陣列;隊列,陣列;一大批;衣服######vt.排列;部署兵力;打扮,裝飾###ajax 序列化Array() 方法語法
作用:serializeArray() 方法透過序列化表單值來建立物件陣列(名稱和值)。您可以選擇一個或多個表單元素(例如 input 和/或 textarea),或 form 元素本身。
語法:$(selector).serializeArray()
說明:serializeArray() 方法序列化表單元素(類似 .serialize()方法),傳回JSON 資料結構資料。
注意:此方法傳回的是 JSON 物件而非 JSON 字串。需要使用插件或第三方函式庫進行字串化操作。傳回的 JSON 物件是由一個物件陣列組成的,其中每個物件包含一個或兩個名值對 —— name 參數和 value 參數(如果 value 不為空的話)。
ajax 序列化Array() 方法範例
<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>
#點擊 "執行實例" 按鈕查看線上實例