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 Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
jQuery+datatables插件实现ajax加载数据与增删改查功能示例
Apr 17 jQuery
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
jQuery.validate.js表单验证插件的使用代码详解
Oct 22 jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
jQuery实现点击滚动到指定元素上的方法分析
Mar 19 jQuery
jQuery实现朋友圈查看图片
Sep 11 jQuery
jQuery-App输入框实现实时搜索
Nov 19 jQuery
jQuery实现简单轮播图效果
Dec 27 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
海贼王:最美的悬赏令!
2020/03/02 日漫
php-cli简介(不会Shell语言一样用Shell)
2013/06/03 PHP
php利用gd库为图片添加水印
2016/11/09 PHP
你所要知道JS(DHTML)中的一些技巧
2007/01/09 Javascript
Javascript继承(上)——对象构建介绍
2012/11/08 Javascript
js校验表单后提交表单的三种方法总结
2014/02/28 Javascript
JavaScript实现班级随机点名小应用需求的具体分析
2014/05/12 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
2014/06/24 Javascript
PHP中CURL的几个经典应用实例
2015/01/23 Javascript
jQuery实现下滑菜单导航效果代码
2015/08/25 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
jQuery组件easyui基本布局实现代码
2016/08/25 Javascript
分享JavaScript监听全部Ajax请求事件的方法
2016/08/28 Javascript
jquery 中toggle的2种用法详解(推荐)
2016/09/02 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
2016/09/28 Javascript
JS实现改变HTML上文字颜色和内容的方法
2016/12/30 Javascript
bootstrap输入框组使用方法
2017/02/07 Javascript
jQuery操作css样式
2017/05/15 jQuery
ionic环境配置及问题详解
2017/06/27 Javascript
解决ant design vue中树形控件defaultExpandAll设置无效的问题
2020/10/26 Javascript
[01:00:25]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS Liquid
2018/03/31 DOTA
[04:51]TI10典藏宝瓶Ⅱ外观视频展示
2020/08/15 DOTA
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
Python内置数据类型详解
2014/08/18 Python
简单谈谈Python中函数的可变参数
2016/09/02 Python
python验证码识别教程之利用滴水算法分割图片
2018/06/05 Python
Python+OpenCV实现实时眼动追踪的示例代码
2019/11/11 Python
Python编程快速上手——选择性拷贝操作案例分析
2020/02/28 Python
Python3如何判断三角形的类型
2020/04/12 Python
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
Shopee菲律宾:在线购买和出售
2019/11/25 全球购物
军训生自我鉴定范文
2013/12/27 职场文书
理工大学毕业生自荐信范文
2014/02/22 职场文书
开会通知短信大全
2015/04/20 职场文书
运动会1000米加油稿
2015/07/21 职场文书
Go本地测试解耦任务拆解及沟通详解Go本地测试的思路沟通的重要性总结
2022/06/21 Golang