jQuery基础(五)一Ajax应用与常用...
第1章 jQuery 实现Ajax应用
第2章 jQuery 常用插件
第3章 jQuery UI型插件
第4章 jQuery 工具类函数
使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求，它的调用格式如下：
$(selector).serialize()
其中selector参数是一个或多个表单中的元素或表单元素本身。
例如，在表单中添加多个元素，点击&序列化&按钮后，调用serialize()方法，将表单元素序列化后的标准URL编码文本字符串显示在页面中，如下图所示：
在浏览器中显示的效果：
从图中可以看出，当点击&序列化&按钮后，调用表单元素本身的serialize()方法，将表单中元素全部序列化，生成标准URL编码，各元素间通过&号相联。
我来试试，亲自调用serialize()将表单中的元素值进行序列化
在下列代码的第35行，调用serialize()将表单中的元素值进行序列化，并将序列化后的字符串内容显示在页面元素中。
?不会了怎么办
在调用serialize()方法时，首页通过选择器获取需要序列化的元素对象，然后，在元素对象中直接调用serialize()方法，该方法无需带参数。
&serialize()&方法书写是否正确。
&!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&&
&title&使用serialize()方法序列化表单元素值&/title&
&script src=&/jquery/1.9.0/jquery.js& type=&text/javascript&&&/script&
&link href=&style.css& rel=&stylesheet& type=&text/css& /&
&div id=&divtest&&
&div class=&title&&
&span class=&fl&&我的个人资料&/span&
&span class=&fr&&
&input id=&btnAction& type=&button& value=&序列化& /&
&form action=&&&
&li&姓名：&input name=&Text1& type=&text& size=&12& /&&/li&
&select name=&Select1&&
&option value=&0&&男&/option&
&option value=&1&&女&/option&
&li&&input name=&Checkbox1& type=&checkbox& /&资料是否可见 &/li&
&li id=&litest&&&/li&
&script type=&text/javascript&&
$(function () {
$(&#btnAction&).bind(&click&, function () {
width: 282
#divtest .title
padding: 8
background-color:
height: 23
line-height: 23
font-size: 15
font-weight:
width: 280
padding: 5px 0
font-size: 14
list-style-type:
width: 280
height: 23
line-height: 23
padding: 3px 8
你发的评论可能会是问题？是否将他发到问答中
Copyright (C)
All Rights Reserved | 京ICP备 号-2
本次提问将花费2个积分
你的积分不足，无法发表
本次提问将花费2个积分
继续发表请点击 "确定"jQuery Serialize Object将表单序列化JSON对象，支持复杂的表单对象系列化为JavaScript对象，并支持对其验证。
&form id=&contact&&
&input name=&user[email]& value=&&&
&input name=&user[pets][]& type=&checkbox& value=&cat& checked&
&input name=&user[pets][]& type=&checkbox& value=&dog& checked&
&input name=&user[pets][]& type=&checkbox& value=&bird&&
&input type=&submit&&
$('form#contact').serializeObject();
//=& {user: {email: &&, pets: [&cat&, &dog&]}}
你还未登录，请选登录!
分享HTML我帮您
收款人：邓志锋 luc***@
收款人：向html580网站(**锋)付钱其他回答(2)
0.继承 serializeObject 对象
1,。var o ={}.声明一个空的对象
2.this对象序列化为数组
3.each迭代这个数据
4,.判断数组中是否存在当前迭代的name
5.如果不存在将name push到那个o(也就是空对象)。
6.将value加'',
最后返回序列化的对象！
园豆：2613
serializeArray()是JQuery自带的一个方法把表单数据转化成JSon对象，其结果字符串后如：[{"name":"id","value":"123"},{"name":"username","value":"123"},{"name":"age","value":"1242314"}]。而图片中的serializeObject方法进一步简化而已，其结果字符串后如：{"id":"123","username":"123","age":"1242314"},具体的代码解释楼上讲解的很清楚了。
&&&您需要以后才能回答，未注册用户请先。Web前端开发（20）
&!DOCTYPE html&
&meta charset=&UTF-8&&
&title&Insert title here&/title&
&form id=&form& role=&form&&
&!-- &input type=&hidden& name=&userID& value=&1&/& --&
&label&假期首日&/label&
&div class=&form-group input-group&&
&input id=&hdate& class=&form-control& name=&leaveDate& type=&text&
onclick=&WdatePicker({el:'hdate',readOnly:true,minDate:'%y-%M-%d'})&
placeholder=&希望获得的假期第一天的日期&& &span class=&input-group-btn&&&button
class=&btn btn-default& type=&button&
onclick=&WdatePicker({el:'hdate',readOnly:true,minDate:'%y-%M-%d'})&&
&i class=&fa fa-calendar-o&&&/i&
&/button&&/span&
&label&假期长度&/label&
&div class=&form-group input-group&&
&input id=&& class=&form-control& name=&numOfDays& type=&text&
onkeyup=&value=value.replace(/[^\d]/g,'') & placeholder=&希望获得的假期天数&&
&span class=&input-group-btn&&&button class=&btn btn-default&
type=&button&&天&/button&&/span&
&div class=&form-group&&
&label&假期类型&/label& &select class=&form-control& name=&type&&
&option&病假&/option&
&option&事假&/option&
&option&特殊假期&/option&
&option&带薪年假&/option&
&div class=&form-group&&
&label&说明及备注&/label&
&textarea class=&form-control& name=&describe& rows=&3&&&/textarea&
&div class=&col-lg-12&&
&h8&&&/h8&
&button type=&button& class=&btn btn-primary&
onclick=&bindLeavebillHoliday()&&提交申请&/button&
bind-leavebill-holiday.js
* form表单提交
function bindLeavebillHoliday(){
//var leavebillData=$(form).serializeArray();
//var leavebillData=$(form).serialize();
var leavebillData=$(form).serializeObject();
//alert(leavebillData);
leavebillData=JSON.stringify(leavebillData);
alert(leavebillData);
type: &GET&,
url: &/leavebill/leavebill&,
str1:leavebillData,
dataType:&json&,//返会值的类型
cache : false,
* 将form表单转化成JavaScript object
$.fn.serializeObject = function() {
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
o[this.name].push(this.value || '');
o[this.name] = this.value || '';
1.jQuery ajax - serialize() 方法
参考：.cn/jquery/ajax_serialize.asp
2.jQuery ajax - serializeArray() 方法
参考：.cn/jquery/ajax_serializearray.asp
3.jQuery ajax - serializeObject() 方法
是自定义方法，将form转换成用于ajax参数的Javascript Object。
* 将form表单转化成JavaScript object
$.fn.serializeObject = function() {
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
o[this.name].push(this.value || '');
o[this.name] = this.value || '';
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：52255次
排名：千里之外
原创：33篇
转载：47篇
(2)(6)(6)(9)(4)(1)(5)(3)(1)(21)(1)(2)(5)(1)(18)