位置: 编程技术 - 正文

基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)(用javascript)

编辑:rootadmin

推荐整理分享基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)(用javascript),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js基于什么,编写javascript,javascript怎么用,javascript基于什么的语言,编写javascript,编写javascript,javascript基于什么的语言,用javascript,内容如对您有帮助,希望把文章链接给更多的朋友!

表单序列化类型的数据是指url传递的数据的格式,形如"key=value&key=value&key=value"这样的key/value的键值对。一般来说使用jQuery的$.fn.serialize函数能达到这样的效果。如何将这样的格式转化为对象?

  我们知道使用jQuery的$.fn.serializeArray函数得到的是一个如下结构的对象

  这是一个对象数组,但有时候我们希望得到的是如下结构的对象

  所以这里需要一个转化函数。

处理步骤如下:

  1.使用"&"分隔将每一个键值对分开然后循环处理每一个键值对

基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)(用javascript)

  2.从"="符号切分指定的键值对,并对每个键和值使用decodeURIComponent解析uri 组件编码(因为url传递的序列化数据一般都是经过uri组件编码的)

  3.如果值包含"="符号,需要额外处理(值合并)。

  这里面有一个处理,就是值没有的时候就不会往最终对象里面添加。这个可以根据自己的情况选择删除这段代码与否

  4.如果键是“obj.obj.obj”这种由"."符号链接的,需要将它作为对象包含对象来处理。处理的方法是将键通过"."分解,然后去查看临时对象obj中是否已经包含分解出来的对象,如果是则将数据附加到已有的对象上。源码如下

  这里面我们看到网上有对赋值部分是这么处理的

  这个很有问题,一个是不能正确处理4中对象包含对象的问题(尤其是有两个元素拥有同一个父对象的时候,比如"test.id=1&test.name='chua'"都拥有父对象test)。另外一个就是值attributeValue中包含单引号、双引号时无法正确处理。所以使用赋值"="最保险。

  所以最终完整的源码如下

以上内容是基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象),希望本文分享能够给大家带来帮助。

js运动应用实例解析 本文为大家提供了两个js运动应用实例,分享给大家,具体实现内容如下应用1,完成如下效果:js代码如下:scriptsrc="move.js"/scriptscriptwindow.onload=function(){

js实现瀑布流的三种方式比较 瀑布流是一种网站页面布局,视觉表现为参差不齐的多栏布局,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。最早采用

原生JavaScript实现瀑布流布局 本文实例讲解了原生JavaScript实现瀑布流布局详细代码,分享给大家供大家参考,具体内容如下效果图:具体代码:window.onload=function(){waterfall('main','pin');

标签: 用javascript

本文链接地址:https://www.jiuchutong.com/biancheng/385574.html 转载请保留说明!

上一篇:基于JavaScript实现网页倒计时自动跳转代码(javascript基于什么的语言)

下一篇:js运动应用实例解析(js做运算)

  • 多缴纳社保怎么处理
  • 个人所得税申报操作流程
  • 房屋用途 居住用房 住宅 区别
  • 管理费用与税金及附加哪个会影响利润
  • 有经营许可无道路运输证罚多少钱
  • 税金及附加会计分录
  • 非居民个人如何认定
  • 运输服务属于生产劳务吗
  • 进项税额转出借贷
  • 企业保持存货的必要性是什么
  • 医院固定资产折旧率是多少
  • 计税依据的定义
  • 研发费用属于哪个费用
  • 工会经费免征三年需要申报吗
  • 水泥企业销售收入比例
  • 公司清算后未处理财产
  • 一般纳税人进项税额怎么算
  • 工资核算方式
  • 可转换债券转股时股价高于转换价格
  • 转出未交增值税借方余额怎么处理
  • 免税和不免税的价格区别
  • 销售货物类型
  • 企业核销应收账款需要什么资料
  • 跨境电子商务零售进口商品的单次交易限值
  • 归还法人前期垫付款项
  • 上月未结账
  • 电脑自动更新系统怎么关闭
  • 累进税率的特点是课税对象的数额越大,税率越
  • ghost后分区没有了
  • .inc是什么文件
  • 商票贴现 银票贴现
  • framework在哪
  • uni-swiper-dot
  • 前端工程搭建
  • 小程序项目开发流程
  • Laravel+jQuery实现AJAX分页效果
  • ps打不出字怎么回事
  • 为什么股本溢价
  • wordpress自定义文章模板
  • 研发支出属于什么类科目
  • 自产自销免税农产品需要缴纳印花税吗
  • dedecms进入数据库
  • 个人发票抬头怎么弄
  • 报销人和经办人的含义
  • 控股股东变更,业务有望质变的公司
  • 可供出售金融资产属于什么科目
  • 城建税减半从什么时候开始
  • 临时工工资计入什么费用
  • 工程预付款是否含规费和税金
  • 现金折扣与商业折扣的计算
  • 哪些项目的进项可以抵扣
  • 兼职人员属于雇佣人吗
  • 如何使用费用分割单
  • 分公司从业人数填越少越好吗
  • 投资款计入哪个科目
  • 主键自增长的数据如何导入
  • 高危补丁该不该修补
  • ubuntu系统启动过程
  • linux搭建socks代理
  • Linux x86_64下安装Flash Player 9
  • ubuntu 14.04.6
  • win8如何更新驱动
  • fcbzmgr.exe
  • win7系统如何添加虚拟网卡
  • win10系统怎么修改字体大小
  • 用python编写登录程序
  • python的脚本
  • cocos游戏开发教程
  • real interval
  • ssh执行远程命令 参数
  • 查询某个时间段
  • js中计时器怎么写
  • jquery 使用
  • javascript基础教程答案
  • java script语言
  • 税务上如何界定收入
  • 沧州市养老保险局官网
  • 税控盘打不开
  • 企业将持有的交易性金融资产售出,实际收到出售价款
  • 云南2021高考改革
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设