位置: 编程技术 - 正文
基于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.使用"&"分隔将每一个键值对分开然后循环处理每一个键值对
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 转载请保留说明！
