serialize

英 [ˈsɪəriəlaɪz]   美 [ˈsɪriəlaɪz]  

vt.连载,连播(故事)

array

英 [əˈreɪ]   美 [ə'reɪ]  

n.数组;队列,阵列;一大批;衣服

vt.排列;部署兵力;打扮,装饰

ajax serializeArray()方法 语法

作用:serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)。您可以选择一个或多个表单元素(比如 input 及/或 textarea),或者 form 元素本身。

语法:$(selector).serializeArray()

说明:serializeArray() 方法序列化表单元素(类似 .serialize() 方法),返回 JSON 数据结构数据。

注意:此方法返回的是 JSON 对象而非 JSON 字符串。需要使用插件或者第三方库进行字符串化操作。返回的 JSON 对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对 —— name 参数和 value 参数(如果 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>
运行实例 »

点击 "运行实例" 按钮查看在线实例