jQuery ajax serialize() 方法使用示例


Posted in Javascript onNovember 02, 2014

.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> 
<script type="text/jscript"> 
// $(function () { 
// alert($("form").serialize()); 
// }) 

function btnClick() { 
alert($("form").serialize()); 
} 
</script> 
</head> 
<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="8" cols="40">4</textarea> 
</div> 
<div><select name="e"> 
<option value="5" selected="selected">5</option> 
<option value="6">6</option> 
<option value="7">7</option> 
</select></div> 
<div> 
<input type="checkbox" name="f" value="8" id="f" /> 
</div> 
<div> 
<input type="button" name="g" value="提交" id="g" onclick="btnClick()" /> 
</div> 
</form> 

</body> 
</html><span style="font-size:18px;color:#ff0000;"> 
</span>

点击提交:

输出标准的查询字符串:a=1&b=2&c=3&d=4&e=5

如果将复选框也选上的话 输出的就是:a=1&b=2&c=3&d=4&e=5&f=8

Javascript 相关文章推荐
javascript的键盘控制事件说明
Apr 15 Javascript
在ASP.NET中使用JavaScript脚本的方法
Nov 12 Javascript
jquery解析JSON数据示例代码
Mar 17 Javascript
JS实现弹性菜单效果代码
Sep 07 Javascript
js组件SlotMachine实现图片切换效果制作抽奖系统
Apr 17 Javascript
浅析JS动态创建元素【两种方法】
Apr 20 Javascript
微信开发 微信授权详解
Oct 21 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
Mar 15 Javascript
PostgreSQL Node.js实现函数计算方法示例
Feb 12 Javascript
JavaScript实现随机点名器
Mar 25 Javascript
js实现金山打字通小游戏
Jul 24 Javascript
Vue实现简单的拖拽效果
Aug 25 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 #Javascript
Javscript调用iframe框架页面中函数的方法
Nov 01 #Javascript
js实现文章文字大小字号功能完整实例
Nov 01 #Javascript
js中confirm实现执行操作前弹出确认框的方法
Nov 01 #Javascript
js实现按钮加背景图片常用方法
Nov 01 #Javascript
js实现网页随机切换背景图片的方法
Nov 01 #Javascript
JS获取浏览器语言动态加载JS文件示例代码
Oct 31 #Javascript
You might like
php数组函数序列之krsort()- 对数组的元素键名进行降序排序,保持索引关系
2011/11/02 PHP
curl实现站外采集的方法和技巧
2014/01/31 PHP
php中fsockopen用法实例
2015/01/05 PHP
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
JavaScript实战之带收放动画效果的导航菜单
2016/08/16 Javascript
微信小程序 富文本转文本实例详解
2016/10/24 Javascript
EasyUI 中combotree 默认不能选择父节点的实现方法
2016/11/07 Javascript
ionic中列表项增加和删除的实现方法
2017/01/22 Javascript
微信小程序简单实现form表单获取输入数据功能示例
2017/11/30 Javascript
JS实现的A*寻路算法详解
2018/12/14 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
2019/01/18 jQuery
js实现带有动画的返回顶部
2020/08/09 Javascript
JavaScript常用工具函数库汇总
2020/09/17 Javascript
[01:03:47]VP vs NewBee Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
python进阶教程之异常处理
2014/08/30 Python
Python的Flask框架的简介和安装方法
2015/11/13 Python
利用Python开发微信支付的注意事项
2016/08/19 Python
pandas通过loc生成新的列方法
2018/11/28 Python
python numpy实现文件存取的示例代码
2019/05/26 Python
python实现文件的备份流程详解
2019/06/18 Python
python如何以表格形式打印输出的方法示例
2019/06/21 Python
python 中如何获取列表的索引
2019/07/02 Python
python 实现生成均匀分布的点
2019/12/05 Python
Python namedtuple命名元组实现过程解析
2020/01/08 Python
如何通过Django使用本地css/js文件
2020/01/20 Python
以SQLite和PySqlite为例来学习Python DB API
2020/02/05 Python
python 如何利用argparse解析命令行参数
2020/09/11 Python
python 获取字典特定值对应的键的实现
2020/09/29 Python
应届生船舶驾驶求职信
2013/10/19 职场文书
委托书样本
2014/04/02 职场文书
消防安全宣传口号
2014/06/10 职场文书
提档介绍信范文
2015/10/22 职场文书
迎客户欢迎词三篇
2019/09/27 职场文书
Python实现视频中添加音频工具详解
2021/12/06 Python
前端实现滑动按钮AJAX与后端交互的示例代码
2022/02/24 Javascript
Redis实战高并发之扣减库存项目
2022/04/14 Redis