1. serialize()方法
語法:$(selector).serialize()
輸出序列化表單的字符串,文件上傳控件(例如:<input type="file" name="myfile"/>)類型的表單數據會被自動忽略,也就是說不會出現在序列化字符串中。
比如有下面這樣的一個表單,用$("form").serialize()序列化后得到的結果是:a=1&b=2&c=3
<form> <div><input type="text" name="a" value="1" id="a" /></div> <div><input type="text" name="b" value="2" id="b" /></div> <div><input type="hidden" name="c" value="3" id="c" /></div> <div><input type="file" name="myfile"/></div> </form>
serialize() 方法也可以操作已選取個別表單元素的 jQuery 對象,比如 <input>, <textarea> 以及 <select>,只需要修改selector就可以了。
2. param()方法
這個方法很簡單,就是序列化一個key/value對象,請看下面的例子:
var params = { width:1900, height:1200 }; var str = jQuery.param(params); $("#results").text(str);
結果:
width=1680&height=1050
3. serializeArray()方法
serializeArray() 方法通過序列化表單值來創建對象數組(名稱和值)。
你可以選擇一個或多個表單元素(比如 input 及/或 textarea),或者 form 元素本身。
serializeArray() 方法序列化表單元素(類似 .serialize() 方法),返回 JSON 數據結構數據。
注意:此方法返回的是 JSON 對象而非 JSON 字符串。需要使用插件或者第三方庫進行字符串化操作。
返回的 JSON 對象是由一個對象數組組成的,其中每個對象包含一個或兩個名值對 —— name 參數和 value 參數(如果 value 不為空的話)。舉例來說:
[ {name: 'firstname', value: 'Hello'}, {name: 'lastname', value: 'World'}, {name: 'alias'}, // 值為空 ]
.serializeArray() 方法使用了 W3C 關於 successful controls(有效控件) 的標准來檢測哪些元素應當包括在內。特別說明,元素不能被禁用(禁用的元素不會被包括在內),並且元素應當有含有 name 屬性。提交按鈕的值也不會被序列化。文件選擇元素的數據也不會被序列化。