将表单元素序列为对象代码实例

Posted 2020-06-09

将表单元素序列为对象代码实例:
有时候将表单元素序列化一个对象然后再进行操作可能会更加便利，下面就是一段这样的代码能够实现此功能。
代码如下:

function serializeObject(form){ 
  var o={}; 
  $.each(form.serializeArray(),function(index){ 
    if(o[this[‘name‘]]){ 
      o[this[‘name‘]]=o[this[‘name‘]]+","+this[‘value‘]; 
    }
    else{ 
      o[this[‘name‘]]=this[‘value‘]; 
    } 
  }); 
  return o; 
}

以上代码实现了我们的要求，可以将表单元素序列化为一个对象，下面对代码做一下简单注释。
一.代码注释:
1.function serializeObject(form){}，参数是一个form表单对象，当然必须是jQuery对象。
2.var o={}，声明一个空对象用来存储表单元素的名称和value值，对象的属性名称是表单元素name属性值，属性值是表单元素的value属性值。
3.$.each(form.serializeArray(),function(index){})，form.serializeArray()会返回一个数组，元素是对象直接量，每一个对象直接量包含两个两个名值对，一个是name/name属性值，另一个是value/value属性值。$.each()可以遍历创建的数组。
4.if(o[this[‘name‘]]){o[this[‘name‘]]=o[this[‘name‘]]+","+this[‘value‘];}，如果对象中已经存在响应的属性名，那么就进行字符串连接然后再次重置属性值，这个适用于向多个同名复选框被选中的类似情况。
5.else{ o[this[‘name‘]]=this[‘value‘]; } ，创建属性并赋值。
6.return o，返回生成的对象。
二.相关阅读:
1.serializeArray()函数可以参阅jQuery的serializeArray()方法一章节。 
2.对象直接量可以参阅js对象直接量简单介绍一章节。

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13566

更多内容可以参阅:http://www.softwhy.com/jquery/