jQuery-serialize()輸出序列化form表單值的方法

更新時間：2012年12月26日 10:34:22 作者：

jQuery-serialize()輸出序列化表單值在工作中很常見也很實(shí)用，于是本人搜集整理了一些，需要了解的朋友可以詳細(xì)參考下

實(shí)例
輸出序列化表單值的結(jié)果：

復(fù)制代碼代碼如下:

 
$("button").click(function(){ 
$("div").text($("form").serialize()); 
}); 

定義和用法
serialize() 方法通過序列化表單值，創(chuàng)建 URL 編碼文本字符串。
您可以選擇一個或多個表單元素（比如 input 及/或文本框），或者 form 元素本身。
序列化的值可在生成 AJAX 請求時用于 URL 查詢字符串中。

語法

復(fù)制代碼代碼如下:

$(selector).serialize()

詳細(xì)說明
.serialize() 方法創(chuàng)建以標(biāo)準(zhǔn) URL 編碼表示的文本字符串。它的操作對象是代表表單元素集合的 jQuery 對象。

表單元素有幾種類型：

復(fù)制代碼代碼如下:

 
<form> 
<div><inputtype="text"name="a"value="1"id="a"/></div> 
<div><inputtype="text"name="b"value="2"id="b"/></div> 
<div><inputtype="hidden"name="c"value="3"id="c"/></div> 
<div> 
<textareaname="d"rows="8"cols="40">4</textarea> 
</div> 
<div><selectname="e"> 
<optionvalue="5"selected="selected">5</option> 
<optionvalue="6">6</option> 
<optionvalue="7">7</option> 
</select></div> 
<div> 
<inputtype="checkbox"name="f"value="8"id="f"/> 
</div> 
<div> 
<inputtype="submit"name="g"value="Submit"id="g"/> 
</div> 
</form> 
.serialize() 方法可以操作已選取個別表單元素的 jQuery 對象，比如 <input>, <textarea> 以及 <select>。不過，選擇 <form> 標(biāo)簽本身進(jìn)行序列化一般更容易些： 
$('form').submit(function(){ 
alert($(this).serialize()); 
returnfalse; 
}); 