1. 程式人生 > >jquery 序列化表格內容為字串(serialize)

jquery 序列化表格內容為字串(serialize)

ajax - serialize() 方法-遍歷form進行AJAX提交,序列表表格內容為字串。

html:

<form>
  <select name="single">
    <option value='1'>Single</option>
    <option value='2'>Single2</option>
  </select>
  <select name="multiple" multiple="multiple">
    <option selected="selected" <pre name="code" class="html" style="color: rgb(51, 51, 51); font-size: 14px; line-height: 18px; text-indent: 24px;">value='1'
>Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select><br/> <input type="checkbox" name="check" value="check1"/> check1 <input type="checkbox" name="check" value="check2" checked="checked"/> check2 <input type="radio" name="radio" value="radio1" checked="checked"/> radio1 <input type="radio" name="radio" value="radio2"/> radio2</form>

定義和用法

serialize() 方法通過序列化表單值,建立 URL 編碼文字字串。

您可以選擇一個或多個表單元素(比如 input 及/或 文字框),或者 form 元素本身。

序列化的值可在生成 AJAX 請求時用於 URL 查詢字串中。

   .serialize() 方法可以操作已選取個別表單元素的 jQuery 物件,比如 <input>, <textarea> 以及 <select>。不過,選擇 <form> 標籤本身進行序列化一般更容易些
$('form').submit(function() {  alert($(this).serialize());  return false;});
輸出標準的查詢字串:
形式:
a=1&b=2&c=3&d=4&e=5