首页 > 代码库 > 表单序列化
表单序列化
1.serialize()方法
格式：var data = http://www.mamicode.com/$("form").serialize();
功能：将表单内容序列化成一个字符串。
这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。
2.serializeArray()方法
格式：var jsonData = http://www.mamicode.com/$("form").serializeArray();
功能：将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。
比如，[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="http://www.mamicode.com/js/jquery-1.10.1.min.js"></script>
<title></title>
<style>
</style>
</head>
<body>
<form action="">
First name: <input type="text" name="FirstName" value="http://www.mamicode.com/Bill" /><br /> Last name: <input type="text" name="LastName" value="http://www.mamicode.com/Gates" /><br /> select:
<select name="sel">
<option>ppp</option>
<option checked="checked">aaa</option>
</select>
<input type="radio" name="radio" value="http://www.mamicode.com/radio1" checked="checked" /> 单选
</form>
<button>序列化表单值</button>
<div></div>
</body>
</html>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("div").text($("form").serialize());
});
});
</script>
表单序列化