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插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
jQuery实现Select下拉列表进行状态选择功能
Mar 30 jQuery
jQuery 实现双击编辑表格功能
Jun 19 jQuery
基于jquery实现多选下拉列表
Aug 02 jQuery
jquery之基本选择器practice(实例讲解)
Sep 30 jQuery
jQuery实现打开网页自动弹出遮罩层或点击弹出遮罩层功能示例
Oct 19 jQuery
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
JS/jQuery实现DIV延时几秒后消失或显示的方法
Feb 12 jQuery
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
详解JavaScript原生封装ajax请求和Jquery中的ajax请求
Feb 14 jQuery
jquery轻量级数字动画插件countUp.js使用详解
Oct 17 jQuery
jQuery实现聊天对话框
Feb 08 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替换超长文本中的特殊字符的函数代码
2012/05/22 PHP
CodeIgniter删除和设置Cookie的方法
2015/04/07 PHP
wamp服务器访问php非常缓慢的解决过程
2015/07/01 PHP
php函数mkdir实现递归创建层级目录
2016/10/27 PHP
PHP基于自增数据如何生成不重复的随机数示例
2017/05/19 PHP
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
JQuery文本框高亮显示插件代码
2011/04/02 Javascript
JavaScript实现两个Table固定表头根据页面大小自行调整
2014/01/03 Javascript
AngularJS ng-blur 指令详解及简单实例
2016/07/30 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
Jquery+AJAX实现无刷新上传并重命名文件操作示例【PHP后台接收】
2020/05/29 jQuery
JavaScript实现简单日历效果
2020/09/11 Javascript
[15:20]DOTA2亚洲邀请赛总决赛开幕式表演:羽泉献唱
2017/04/05 DOTA
Django集成百度富文本编辑器uEditor攻略
2014/07/04 Python
详细解读tornado协程(coroutine)原理
2018/01/15 Python
python判断字符串或者集合是否为空的实例
2019/01/23 Python
Python和Java的语法对比分析语法简洁上python的确完美胜出
2019/05/10 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
Python3操作读写CSV文件使用包过程解析
2020/04/10 Python
python 画条形图(柱状图)实例
2020/04/24 Python
pycharm第三方库安装失败的问题及解决经验分享
2020/05/09 Python
Python第三方包PrettyTable安装及用法解析
2020/07/08 Python
中外合拍动画首获奥斯卡提名,“上海出品”《飞奔去月球》能否拿下最终大奖?
2021/03/16 国漫
blueseventy官网:铁人三项和比赛泳衣
2021/02/06 全球购物
自动化专业本科毕业生求职信
2013/10/20 职场文书
销售自我评价
2013/10/22 职场文书
个人生活学习自我评价范文
2013/11/26 职场文书
咖啡厅创业计划书范本
2014/01/22 职场文书
《厄运打不垮的信念》教学反思
2014/04/13 职场文书
婚前协议书范本两则
2014/10/16 职场文书
iPhone13将有八大升级
2021/04/15 数码科技
Nginx进程调度问题详解
2021/09/25 Servers
《乙女游戏世界对路人角色很不友好》OP主题曲无字幕动画MV公开
2022/04/05 日漫