轉載http://www.365mini.com/page/jquery-serializearray.htm

描述

• serializeArray()函式用於序列化一組表單元素，將表單內容編碼為一個JavaScript陣列。

• serializeArray()函式常用於將表單內容序列化為JSON物件，以便於被編碼為JSON格式的字串。

• 該函式會將可用於提交的每個表單控制元件封裝成一個Object物件，該物件有name和value屬性，對應該表單控制元件的name和value屬性。然後將這些Object物件封裝為一個數組並返回。

• 該函式不會序列化不需要提交的表單控制元件，這和常規的表單提交行為是一致的。例如：不在<form>標籤內的表單控制元件不會被提交、沒有name屬性的表單控制元件不會被提交、帶有disabled屬性的表單控制元件不會被提交、沒有被選中的表單控制元件不會被提交。

• 與常規表單提交不一樣的是：常規表單一般會提交帶有name的按鈕控制元件，而serializeArray()函式不會序列化帶有name的按鈕控制元件。
• 該函式屬於jQuery物件(例項)。

• jQuery 1.2 新增該函式。
• jQueryObject.serializeArray( )
• 返回值：serializeArray()函式的返回值為Array型別，返回將表單元素編碼後的JS陣列。

<form name="myForm" action="http://www.365mini.com" method="post">
    <input name="uid" type="hidden" value="1" />
    <input name="username" type="text" value="張三" />
    <input name="password" type="text" value="123456" />
    <select name="grade" id="grade">
        <option value="1">一年級</option>
        <option value="2">二年級</option>
        <option value="3" selected="selected">三年級</option>
        <option value="4">四年級</option>
        <option value="5">五年級</option>
        <option value="6">六年級</option>
    </select>
    <input name="sex" type="radio" checked="checked" value="1" />男
    <input name="sex" type="radio" value="0" />女
    <input name="hobby" type="checkbox" checked="checked" value="1" />游泳
    <input name="hobby" type="checkbox" checked="checked" value="2" />跑步
    <input name="hobby" type="checkbox" value="3" />羽毛球
    <input name="btn" id="btn" type="button" value="點選" />
</form>
 

var formArray = $("form").serializeArray();
/* 以下是序列化後的結果陣列formArray的內容：
[
    { name: "uid", value: "1" },
    { name: "username", value: "張三" },
    { name: "password", value: "123456" },
    { name: "grade", value: "3" },
    { name: "sex", value: "1" },
    { name: "hobby", value: "1" },
    { name: "hobby", value: "2" }
];
*/
 

var result = $(":text, select, :checkbox").serializeArray();
/* 以下是序列化後的結果陣列result的內容：
[ 
    { name: "username", value: "張三" }, 
    { name: "password", value: "123456" },
    { name: "grade", value: "3" },
    { name: "hobby", value: "1" },
    { name: "hobby", value: "2" }
];
*/