serialize

英 [?s??ri?la?z]? ?美 [?s?ri?la?z]??

vt.連載,連播(故事)

array

英 [??re?]? ?美 [?'re?]??

n.數(shù)組;隊列,陣列;一大批;衣服

vt.排列;部署兵力;打扮,裝飾

ajax serializeArray()方法 語法

作用:serializeArray() 方法通過序列化表單值來創(chuàng)建對象數(shù)組(名稱和值)。您可以選擇一個或多個表單元素(比如 input 及/或 textarea),或者 form 元素本身。

語法:$(selector).serializeArray()

說明:serializeArray() 方法序列化表單元素(類似?.serialize() 方法),返回 JSON 數(shù)據(jù)結構數(shù)據(jù)。

注意:此方法返回的是 JSON 對象而非 JSON 字符串。需要使用插件或者第三方庫進行字符串化操作。返回的 JSON 對象是由一個對象數(shù)組組成的,其中每個對象包含一個或兩個名值對 —— name 參數(shù)和 value 參數(shù)(如果 value 不為空的話)。

ajax serializeArray()方法 示例

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    x=$("form").serializeArray();
    $.each(x, function(i, field){
      $("#results").append(field.name + ":" + field.value + " ");
    });
  });
});
</script>
</head>
<body>
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br />
Last name: <input type="text" name="LastName" value="Gates" /><br />
</form>

<button>序列化表單值</button>
<div id="results"></div>
</body>
</html>
運行實例 ?

點擊 "運行實例" 按鈕查看在線實例