jQuery ajax serialize() 方法使用示例
更新时间：2014年11月02日 14:46:22 投稿：whsnow
serialize() 方法创建以标准 URL 编码表示的文本字符串，下面为大家介绍下jQuery serialize方法的使用
.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
相关文章
jQuery validate插件实现ajax验证重复的2种方法
这篇文章主要介绍了jQuery validate插件实现ajax验证重复的2种方法,结合完整实例形式分析了jQuery validate插件的使用技巧,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了jQuery 1.9.1源码分析系列（十三）之位置大小操作的相关资料,需要的朋友可以参考下2015-12-12
jQuery解析XML与传统JavaScript方法的差别实例分析
这篇文章主要介绍了jQuery解析XML与传统JavaScript方法的差别,实例分析了jQuery与javascript解析XML文件的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
$.ajax下json数据的传递方法，大家可以参考下。这样就可以传递json数据了2008-11-11
这篇文章主要介绍了jQuery中removeAttr()方法用法,实例分析了removeAttr()方法的功能、定义及从匹配元素中移除相应属性的使用技巧,需要的朋友可以参考下2015-01-01
这篇文章主要介绍了jQuery UI库中dialog对话框功能使用全解析,文中列举了各种常用的dialog属性,整理得很全面,需要的朋友可以参考下2016-04-04
本文地址: jQuery Ajax 全解析 本文作者：QLeelulu2009-02-02
万年历，想必大家对它都不陌生吧，下面是使用jquery写的一个万年历示例，喜欢的朋友可以参考下2014-01-01
想必大家对于jQuery这个最流行的javascript类库都不陌生，而且只要是前端开发人员肯定或多或少的使用或者接触过，在这篇文章中，参考了一些资料及实际使用效率，将介绍一些书写高质量jQuery代码的原则，不单单会告诉你如何去书写，也会告诉你为什么这样书写，希望大家会觉得有所帮助2014-03-03
Jquery跨域获得Json时invalid label错误的解决办法
这两天用 Jquery 跨域取数据的时候，经常碰到 invalid label 这个错误，十分的郁闷，老是取不到服务器端发送回来的 json 值，一般跨域用到的两个方法为：$.ajax 和 $.getJson2011-01-01
最新评论