最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-27 21:48:03
文档

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

基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)_javascript技巧:表单序列化类型的数据是指url传递的数据的格式,形如key=value&key=value&key=value这样的key/value的键值对。一般来说使用jQuery的$.fn.serialize函数能达到这样的效果。如何将这样的格式转化为对象? 我们知道使用jQuery的$.fn.seri
推荐度:
导读基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)_javascript技巧:表单序列化类型的数据是指url传递的数据的格式,形如key=value&key=value&key=value这样的key/value的键值对。一般来说使用jQuery的$.fn.serialize函数能达到这样的效果。如何将这样的格式转化为对象? 我们知道使用jQuery的$.fn.seri


表单序列化类型的数据是指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将表单序列化类型的数据转化成对象的处理(允许对象中包含对象),希望本文分享能够给大家带来帮助。

文档

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

基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象)_javascript技巧:表单序列化类型的数据是指url传递的数据的格式,形如key=value&key=value&key=value这样的key/value的键值对。一般来说使用jQuery的$.fn.serialize函数能达到这样的效果。如何将这样的格式转化为对象? 我们知道使用jQuery的$.fn.seri
推荐度:
标签: 的数据 包含 对象
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top