<strong>實例</strong> <br>輸出序列化表單值的結果: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="7629" class="copybut" id="copybut7629" onclick="doCopy('code7629')"><u>複製程式碼</u></a></span> 程式碼:</div>複製程式碼<div class="codebody" id="code7629"> <br><br> 程式碼: <br>$("button").click(function(){ </div>$("div").text($("form").serialize()); <br>}); <strong></strong> <br><br>定義與用法<br> <br>serialize() 方法透過序列化表單值,建立URL 編碼文字字串。 <br>您可以選擇一個或多個表單元素(例如 input 和/或 文字方塊),或 form 元素本身。 <strong>序列化的值可在產生 AJAX 請求時用於 URL 查詢字串中。 </strong><br><div class="codetitle">語法<span> <a style="CURSOR: pointer" data="99343" class="copybut" id="copybut99343" onclick="doCopy('code99343')"><u></u></a></span>複製程式碼</div> <div class="codebody" id="code99343"> <br> 程式碼如下:<br> >$(selector).serialize() </div> <br> <br>詳細說明<br>.serialize() 方法建立以標準URL 編碼表示的文字字串。它的操作物件是代表表單元素集合的 jQuery 物件。 <br><strong></strong>表單元素有幾種類型<br>: <div class="codetitle"><span><a style="CURSOR: pointer" data="77316" class="copybut" id="copybut77316" onclick="doCopy('code77316')"><u></u>複製程式碼</a></span></div> <div class="codebody" id="code77316">複製程式碼<br><br><br><br> 程式碼如下><br> <br><form> <br><div><inputtype></inputtype></div> <br><div></div> <br><div><inputtype></inputtype></div> <br><div> <br><textareaname>4 <br></textareaname> </div> <br> <div><selectname> <br><optionvalue>5 <br><optionvalue>6 <br><optionvalue>7 <br></optionvalue></optionvalue></optionvalue></selectname></div> <br><div> <br><inputtype></inputtype> <br> </div> <br><div> <br><inputtype></inputtype> <br> </div> <br> </form> <br>.serialize() 方法可以操作已選取個別表單元素的jQuery 對象,例如<input>, <textarea> 以及<select>。不過,選擇<form> 標籤本身進行序列化一般比較容易: </form></select></textarea> </div>$('form').submit(function(){ <br>alert($(this).serialize()); <strong> returnfalse; </strong>}); <br><br> 輸出標準的查詢字串: a=1&b=2&c=3&d=4&e=5 註解:隻隻有會將」成功的控制項「序列化為字串。如果不使用按鈕來提交表單,則不對提交按鈕的值序列化。如果要表單元素的值包含到序列字串中,元素必須使用 name 屬性。