你的位置:首页 > Java教程

[Java教程]将表单元素序列为对象代码实例


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

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/