jQuery - serialize() 方法
来源:互联网 发布:宾馆网络电视怎么打开 编辑:程序博客网 时间:2024/05/21 09:30
一、定义:
serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。
您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
二、语法:$(selector).serialize()
三、如何使用:
(1)单击按钮提交数据
<body><form>姓名: <input type="text" name="uname" value="John" /><br />密码: <input type="text" name="upass" value="123456" /><br /></form><button>序列化表单值</button><div></div></body>
<script type="text/javascript" src="jquery-1.8.3.js"></script>$(function(){//点击按钮$("button").click(function(){//必须指定表单标签 $("div").html($("form").serialize()); }); });</script>
效果图:
(2)整个表单提交数据
<body><form> <div>姓名<input type="text" name="a" value="1" id="a" /></div> <div>年龄<input type="text" name="b" value="2" id="b" /></div> <div><input type="hidden" name="c" value="3" id="c" /></div> <div> 备注<textarea name="d" rows="5" cols="30">4</textarea> </div> <div>城市<select name="e"> <option value="5" selected="selected">上海</option> <option value="6">天津</option> <option value="7">北京</option> </select></div> <div> 是否同意 <input type="checkbox" name="f" value="8" id="f" /> </div> <div> <input type="submit" name="g" value="提交" id="g" /> </div> <div id="result"></div></form></body>
<script type="text/javascript" src="jquery-1.8.3.js"></script><script type="text/javascript">//比如 <input>, <textarea> 以及 <select>。不过,选择 <form> 标签本身进行序列一般更容易些://注释:只会将"成功的控件"序列化为字符串。如果不使用按钮来提交表单,则不对提交按钮的值序列化。如果要表单元素的值包含到序列字符串中,元素必须使用 name 属性
$(function(){ //表单提交 $("form").submit(function(){//指定当前对象序列化 $("#result").html($(this).serialize()); return false; }); });</script>
效果图:
0 0
- jQuery ajax - serialize() 方法
- JQuery的serialize()方法
- JQuery的serialize()方法
- jQuery ajax - serialize() 方法
- jQuery ajax - serialize() 方法
- jQuery ajax - serialize() 方法
- jQuery ajax - serialize() 方法
- jQuery ajax - serialize() 方法
- jQuery ajax - serialize() 方法
- jQuery ajax - serialize() 方法
- jQuery - serialize() 方法
- jQuery ajax - serialize() 方法
- jQuery的serialize()方法
- javascript 模拟 jquery serialize方法
- jQuery : serialize 和 serializeArray 方法
- 关于jquery中的.serialize方法
- jQuery 之serializeArray() 、serialize() 方法
- jQuery ajax - serialize()方法和serializeArray() 方法
- 同步异步的区别
- 关于calltree在ubuntu14.04上的安装问题
- spring(错误二) Error creating bean with name 'xxxx'
- UNIX基础知识之出错处理
- 字符串-拼写检查(数据结构基础 第4周)
- jQuery - serialize() 方法
- 卡方检验 2016.07.05回顾
- 查询距离当前时间5分钟的数据
- ACM比赛中如何加速c++的输入输出?如何使cin速度与scanf速度相当?什么是最快的输入输出方法?,cinscanf
- https和证书
- 两个栈实现一个队列 && 两个队列实现一个栈
- hdu5019(gcd性质水题)
- VS中无法嵌入互操作类型“……”,请改用适用的接口
- Apache ActiveMQ实战(1)-基本安装配置与消息类型