jQuery序列化后的表单值转换成Json


Posted in jQuery onJune 16, 2017

小朋友有一个表单,他想以Json的方式获取到表单的内容。小朋友尝试了以下方式。

通过$("#form").serialize()可以获取到序列化的表单值字符串。

例如:

a=1&b=2&c=3&d=4&e=5

通过$("#form").serializeArray()输出以数组形式序列化表单值。

[ 
 {name: 'firstname', value: 'Hello'}, 
 {name: 'lastname', value: 'World'},
 {name: 'alias'}, // 值为空
]

统统不满足小朋友想得到Json的愿望。堆栈溢出后,找到了一个这样的方法

$.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 || '');
 } else {
  o[this.name] = this.value || '';
 }
 });
 return o;
};

然后通过 $("#form").serializeObject(); 就可以得到Json内容噜。

以上所述是小编给大家介绍的jQuery序列化后的表单值转换成Json,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery编写textarea输入字数限制代码
Mar 23 jQuery
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
jquery replace方法去空格
May 08 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
jquery在启动页面时,自动加载数据的实例
Jan 22 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
jQuery easyui datagird编辑行删除行功能的实现代码
Sep 20 jQuery
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
一文快速了解JQuery中的AJAX
May 31 jQuery
如何使用CSS3+JQuery实现悬浮墙式菜单
Jun 18 jQuery
jQuery实现高度灵活的表单验证功能示例【无UI】
Apr 30 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
基于jQuery和CSS3实现APPLE TV海报视差效果
Jun 16 #jQuery
利用jquery去掉时光轴头尾部线条的方法实例
Jun 16 #jQuery
jQuery实现 RadioButton做必选校验功能
Jun 15 #jQuery
jQuery ajax动态生成table功能示例
Jun 14 #jQuery
jQuery.form.js的使用详解
Jun 14 #jQuery
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 #jQuery
jquery+css实现侧边导航栏效果
Jun 12 #jQuery
You might like
php中echo()和print()、require()和include()等易混淆函数的区别
2012/02/22 PHP
php动态生成版权所有信息的方法
2015/03/24 PHP
Ajax提交表单时验证码自动验证 php后端验证码检测
2016/07/20 PHP
php基于环形链表解决约瑟夫环问题示例
2017/11/07 PHP
JavaScript小技巧 2.5 则
2010/09/12 Javascript
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
利用JS判断用户是否上网(连接网络)
2013/12/23 Javascript
jquery中ajax使用error调试错误的方法
2015/02/08 Javascript
js判断子窗体是否关闭的方法
2015/08/11 Javascript
浅谈JS中String()与 .toString()的区别
2016/10/20 Javascript
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
深入了解JavaScript代码覆盖
2019/06/13 Javascript
基于Vue.js与WordPress Rest API构建单页应用详解
2019/09/16 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
Python模拟用户登录验证
2017/09/11 Python
python实现随机森林random forest的原理及方法
2017/12/21 Python
Python button选取本地图片并显示的实例
2019/06/13 Python
Python图片处理模块PIL操作方法(pillow)
2020/04/07 Python
Numpy数组的广播机制的实现
2020/11/03 Python
python 可视化库PyG2Plot的使用
2021/01/21 Python
安纳塔拉酒店度假村及水疗官方网站:Anantara Hotel
2016/08/25 全球购物
科沃斯机器人官网商城:Ecovacs
2016/08/29 全球购物
中药专业大学生医药工作求职信
2013/10/25 职场文书
师范应届毕业生自荐信
2013/11/18 职场文书
水利学院求职自荐书
2014/02/01 职场文书
企业节能减排实施方案
2014/03/19 职场文书
如何写股份合作协议书
2014/09/11 职场文书
售房协议书范本2014
2014/10/23 职场文书
2016春节家属慰问信
2015/03/25 职场文书
军训决心书范文
2015/09/22 职场文书
2015年乡镇组织委员工作总结
2015/10/23 职场文书
2017大学生寒假社会实践心得体会
2016/01/14 职场文书
2019公司管理制度
2019/04/19 职场文书
MySQL下使用Inplace和Online方式创建索引的教程
2021/05/26 MySQL