1. 程式人生 > >serializearray()的具體使用

serializearray()的具體使用

serializeArray() 方法序列化表單元素(類似 .serialize() 方法),返回 JSON 資料結構資料。

注意:此方法返回的是 JSON 物件而非 JSON 字串。需要使用外掛或者第三方庫進行字串化操作。

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

[ 
  {name: 'firstname', value: 'Hello'}, 
  {name: 'lastname', value: 'World'},
  {name: 'alias'}, // 值為空
]

該方法可以對已選擇單獨表單元素的物件進行操作,比如 <input>, <textarea>, 和 <select>。不過,更方便的方法是,直接選擇 <form> 標籤自身來進行序列化操作。
$("form").submit(function() {
  console.log($(this).serializeArray());
  return false;
});
上面的程式碼產生下面的資料結構(假設瀏覽器支援 console.log):
[
  {
    name: a
    value: 1
  },
  {
    name: b
    value: 2
  },
  {
    name: c
    value: 3
  },
  {
    name: d
    value: 4
  },
  {
    name: e
    value: 5
  }
]