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和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
jQuery加密密码到cookie的实现代码
Apr 18 jQuery
jquery 禁止鼠标右键并监听右键事件
Apr 27 jQuery
jQuery实现简单的抽奖游戏
May 05 jQuery
jQuery手风琴的简单制作
May 12 jQuery
基于jQuery封装的分页组件
Jun 26 jQuery
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 jQuery
jQuery.parseJSON()函数详解
Feb 28 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
jQuery+ThinkPHP实现图片上传
Jul 23 jQuery
jQuery实现带进度条的轮播图
Sep 13 jQuery
JQuery Ajax如何实现注册检测用户名
Sep 25 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
Opcache导致php-fpm崩溃nginx返回502
2015/03/02 PHP
php的常量和变量实例详解
2017/06/27 PHP
根据分辨率不同,调用不同的css文件
2006/07/07 Javascript
自定义的一个简单时尚js下拉选择框
2013/11/20 Javascript
JS将制定内容复制到剪切板示例代码
2014/02/11 Javascript
运用jQuery定时器的原理实现banner图片切换
2014/10/22 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
jquery实现Slide Out Navigation滑出式菜单效果代码
2015/09/07 Javascript
JavaScript模块规范之AMD规范和CMD规范
2015/10/27 Javascript
基于JavaScript实现Json数据根据某个字段进行排序
2015/11/24 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
Node.js 日志处理模块log4js
2016/08/28 Javascript
深入理解jquery中的each用法
2016/12/14 Javascript
Javascript中的 “&” 和 “|” 详解
2017/02/02 Javascript
详解使用vscode+es6写nodejs服务端调试配置
2017/09/21 NodeJs
JS实现在文本指定位置插入内容的简单示例
2017/12/22 Javascript
关于jquery中attr()和prop()方法的区别
2018/05/28 jQuery
微信小程序实现登录遮罩效果
2018/11/01 Javascript
vue axios重复点击取消上一次请求封装的方法
2019/06/19 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
2019/10/12 Javascript
vue实例的选项总结
2020/06/09 Javascript
Python新手在作用域方面经常容易碰到的问题
2015/04/03 Python
使用PyInstaller将python转成可执行文件exe笔记
2018/05/26 Python
对python while循环和双重循环的实例详解
2019/08/23 Python
Python log模块logging记录打印用法解析
2020/01/20 Python
python中@contextmanager实例用法
2021/02/07 Python
GoDaddy英国:全球排名第一的域名注册商
2018/06/08 全球购物
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
英国No.1体育用品零售商:SportsDirect.com
2019/10/16 全球购物
如何用SQL语句进行模糊查找
2015/09/25 面试题
趣味游戏活动方案
2014/02/07 职场文书
真诚的求职信
2014/07/04 职场文书
神农溪导游词
2015/02/11 职场文书
电信营业员岗位职责
2015/04/14 职场文书
公司年会晚会开幕词
2019/04/02 职场文书
Java 超详细讲解ThreadLocal类的使用
2022/04/07 Java/Android