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 相关文章推荐
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
fancybox modal的完美解决(右上的X)
Oct 30 Javascript
基于jquery的9行js轻松实现tab控件示例
Oct 12 Javascript
js改变鼠标的形状和样式的方法
Mar 31 Javascript
JQuery中层次选择器用法实例详解
May 18 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
js验证真实姓名与身份证号,手机号的简单实例
Jul 18 Javascript
vue+iview+less+echarts实战项目总结
Feb 22 Javascript
JavaScript 五大常见函数
Mar 23 Javascript
Vue项目路由刷新的实现代码
Apr 17 Javascript
使用npm命令提示: 'npm' 不是内部或外部命令,也不是可运行的程序的处理方法
May 14 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 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下mysql数据库操作类(改自discuz)
2010/07/03 PHP
php的日期处理函数及uchome的function_coomon中日期处理函数的研究
2011/01/12 PHP
探讨PHP中this,self,parent的区别详解
2013/06/08 PHP
PHPStrom中实用的功能和快捷键大全
2015/09/23 PHP
PHP排序算法之归并排序(Merging Sort)实例详解
2018/04/21 PHP
php精度计算的问题解析
2019/06/21 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
插件:检测javascript的内存泄漏
2007/03/04 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
2013/08/01 Javascript
php的文件上传入门教程(实例讲解)
2014/04/10 Javascript
js实现同一个页面多个渐变效果的方法
2015/04/10 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
2016/05/24 Javascript
jQuery中Datatables增加跳转到指定页功能
2017/02/08 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
2017/03/14 Javascript
Javascript的this详解
2019/03/23 Javascript
JQuery Ajax跨域调用和非跨域调用问题实例分析
2019/04/16 jQuery
[48:22]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
python多线程抓取天涯帖子内容示例
2014/04/03 Python
Python import用法以及与from...import的区别
2015/05/28 Python
Pandas中把dataframe转成array的方法
2018/04/13 Python
关于pytorch中网络loss传播和参数更新的理解
2019/08/20 Python
浅谈python的elementtree模块处理中文注意事项
2020/03/06 Python
Python sorted排序方法如何实现
2020/03/31 Python
机械工程系毕业生求职信
2013/09/27 职场文书
中专毕业自我鉴定
2013/10/16 职场文书
函授大专自我鉴定
2013/11/01 职场文书
超级搞笑检讨书
2014/01/15 职场文书
房地产营销策划方案
2014/02/08 职场文书
环境卫生倡议书
2014/08/29 职场文书
购房意向书
2014/08/30 职场文书
2015新年寄语大全
2014/12/08 职场文书
红白喜事主持词
2015/07/06 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
python开发人人对战的五子棋小游戏
2022/05/02 Python
Redis特殊数据类型bitmap位图
2022/06/01 Redis