表单序列化
Posted NotePad_chen
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了表单序列化相关的知识，希望对你有一定的参考价值。
1.serialize()方法
格式：var data = $("form").serialize();
功能：将表单内容序列化成一个字符串。
这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为 $("form").serialize() 即可。
2.serializeArray()方法
格式：var jsonData = $("form").serializeArray();
功能：将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。
比如，[{"name":"lihui", "age":"20"},{...}] 获取数据为 jsonData[0].name
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.1.min.js"></script>
<title></title>
<style>
</style>
</head>
<body>
<form action="">
First name: <input type="text" name="FirstName" value="Bill" /><br /> Last name: <input type="text" name="LastName" value="Gates" /><br /> select:
<select name="sel">
<option>ppp</option>
<option checked="checked">aaa</option>
</select>
<input type="radio" name="radio" value="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>
以上是关于表单序列化的主要内容，如果未能解决你的问题，请参考以下文章