星空网 > 软件开发 > 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/




原标题:将表单元素序列为对象代码实例

关键词:序列

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

营销推广策略:https://www.goluckyvip.com/tag/14889.html
贸易战原因:https://www.goluckyvip.com/tag/1489.html
FB用户:https://www.goluckyvip.com/tag/14890.html
广告类型:https://www.goluckyvip.com/tag/14891.html
FB开店:https://www.goluckyvip.com/tag/14892.html
这样开发客户:https://www.goluckyvip.com/tag/14893.html
石象湖景区门票-石象湖景区门票优惠政策:https://www.vstour.cn/a/411243.html
北京到嵩山自驾游沿途景点 北京距离嵩山有多远:https://www.vstour.cn/a/411244.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流