返回值:Array<Object>serializeArray()

V1.2概述

序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。

'''注意''',此方法返回的是JSON對象而非JSON字符串。需要使用插件或者第三方庫進行字符串化操作。

返回的JSON對象是由一個對象數組組成的,其中每個對象包含一個或兩個名值對——name參數和value參數(如果value不爲空的話)。舉例來說:

 [ 

     {name: 'firstname', value: 'Hello'}, 

     {name: 'lastname', value: 'World'},

     {name: 'alias'}, // this one was empty

  ]

示例

描述:

取得表單內容並插入到網頁中。

HTML 代码:
<p id="results"><b>Results:</b> </p>

<form>

  <select name="single">

    <option>Single</option>

    <option>Single2</option>

  </select>

  <select name="multiple" multiple="multiple">

    <option selected="selected">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>
jQuery 代码:
var fields = $("select, :radio").serializeArray();

jQuery.each( fields, function(i, field){

  $("#results").append(field.value + " ");

});