jQuery ajax serialize()方法的使用以及常見問題解決_jquery

使用ajax時，常常需要拼裝input資料為'name=abc&sex=1'這個形式，用JQuery的serialize方法可以輕鬆的完成這個工作!

jQuery ajax - serialize() 方法定義和用法
serialize() 方法透過序列化表單值，建立URL 編碼文字字串。
您可以選擇一個或多個表單元素（例如 input 和/或 文字方塊），或 form 元素本身。
序列化的值可在產生 AJAX 請求時用於 URL 查詢字串中。

jQuery ajax - serialize() 方法語法
$(selector).serialize()
jQuery ajax - serialize() 方法詳細說明

.serialize() 建立方法以建立方法以建立方法以建立標準URL 編碼表示的文字字串。它的操作物件是代表表單元素集合的 jQuery 物件。

jquery ajax - serialize() 方法表單元素有幾種類型：

複製代碼 代碼如下:

4
div>

5
6
7

.serialize() 方法可以操作已選取個別表單元素的jQuery 對象，例如, 以及<select>。不過，選擇<form> 標籤本身進行序列化一般比較容易： <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="73645" class="copybut" id="copybut73645" onclick="doCopy('code73645')"><u>複製程式碼</u></a></span> 程式碼如下:</div> <div class="codebody" id="code73645"> <br>$('form').submit(function() { <br>alert($(this).serialize()); <br>return false; <br>}); <br> </div> <br>輸出標準的查詢字串： <br>a=1&b=2&c=3&d=4&e=5 <br>jQuery ajax - serialize() 方法注意：只會將」成功的控制項「序列化為字串。如果不使用按鈕來提交表單，則不對提交按鈕的值序列化。如果要表單元素的值包含到序列字串中，元素必須使用 name 屬性。 <br><br>以上jQuery ajax - serialize() 方法基礎內容轉W3C，下面講解下用jQuery ajax - serialize() 方法時候出現的幾種常見問題下面分享給大家<br>請看下面例子如： <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="51619" class="copybut" id="copybut51619" onclick="doCopy('code51619')"><u>複製程式碼</u></a></span> 程式碼如下:</div> <div class="codebody" id="code51619"> <br><form id="form1"> <br><br> <br> </form> <form id="form1"> <br> <br><input name="name2" type="radio" value="1" checked>boy <br><input name=" name2" type="radio" value="0">girl </form> </div> <textarea name="name3">test

使用:$ ("#form1").serialize();
結果:name1=pipi&name2=1&name3=test

用jQuery ajax - serialize()方法還有個問題如果是下面的情況： 複製程式碼

程式碼如下:

使用:$("#form1").serialize();
結果:name1=pipi&blog=blue submarine

就是如何能讓號碼變回空格呢？ 最後還有一個問題，如下所示： 複製代碼

代碼如下:

使用:$("#form1").serialize();
結果:blog=blue submarine 沒法出現length=pipi
原因是length是js數組的屬性關鍵字，出現衝突了，將name改為其他非衝突字串即可