码迷,mamicode.com
首页 > 其他好文 > 详细

表单序列化

时间:2017-08-14 16:36:48      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:read   log   序列化表单   name   title   获取数据   last   har   aaa   

 

 

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>

表单序列化

标签:read   log   序列化表单   name   title   获取数据   last   har   aaa   

原文地址:http://www.cnblogs.com/NotePad-chen/p/7358142.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!