jQuery实现form表单元素序列化为json对象的方法
本文实例讲述了jQuery实现form表单元素序列化为json对象的方法。分享给大家供大家参考，具体如下：
这段代码序列化form表单元素为json对象：
<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
<head>
<title>jQuery扩展——form序列化到json对象</title>
<meta http-equiv=Content-Type content="text/html;charset=utf-8">
<script type="text/javascript" src="jquery-1.10.2.js"></script>
</head>
<body>
<p id="results"><b>Results:</b> </p>
<form>
<select name="aModel.single">
<option>Single</option>
<option selected>Single2</option>
</select>
<br/><br/>
<select name="aModel.multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select>
<br/><br/>
<input type="checkbox" name="aModel.check" value="check1"/> check1
<input type="checkbox" name="aModel.check" value="check2" checked="checked"/> check2
<br/><br/>
<input type="radio" name="aModel.radio" value="radio1" checked="checked"/> radio1
<input type="radio" name="aModel.radio" value="radio2"/> radio2
</form>
<script type="text/javascript">
var fields = $("select, :radio").serializeArray();
var o={};
jQuery.each(fields, function(i, fields){
if(o[this.name]){
/*
表单中可能有多个相同标签，比如有多个label，
那么你在json对象o中插入第一个label后，还要继续插入，
那么这时候o[label]在o中就已经存在，所以你要把o[label]做嵌套数组处理
*/
//如果o[label]不是嵌套在数组中
if(!o[this.name].push){
o[this.name]=[o[this.name]]; // 将o[label]初始为嵌套数组，如o={a,[a,b,c]}
}
o[this.name].push(this.value || ''); // 将值插入o[label]
}else{
o[this.name]=this.value || ''; // 第一次在o中插入o[label]
}
});
$("#results").append(JSON.stringify(o));
console.log(o); //用FireBug输出
</script>
</body>
</html>
结果如下图所示：
希望本文所述对大家jQuery程序设计有所帮助。
-
本文向大家介绍jQuery序列化表单成对象的简单实现，包括了jQuery序列化表单成对象的简单实现的使用技巧和注意事项，需要的朋友参考一下 在使用easyui的datagrid组件时，在查询时传递的查询参数是对象类型，为了方便，扩展了jquery中的序列化方法，调用该方法，可以将表单的所有数据序列化 具体使用： 以上这篇jQuery序列化表单成对象的简单实现就是小编分享给大家的全部内容了，希望能给
-
本文向大家介绍将JavaScript的jQuery库中表单转化为JSON对象的方法，包括了将JavaScript的jQuery库中表单转化为JSON对象的方法的使用技巧和注意事项，需要的朋友参考一下 大家知道Jquery中有serialize方法，可以将表单序列化为一个“&”连接的字符串，但却没有提供序列化为Json的方法。不过，我们可以写一个插件实现。 我在网上看到有人用替换的方法，先用se
-
问题内容： 如何在JavaScript中将对象序列化为JSON？ 问题答案： 您正在寻找。
-
本文向大家介绍jQuery将表单序列化成一个Object对象的实例，包括了jQuery将表单序列化成一个Object对象的实例的使用技巧和注意事项，需要的朋友参考一下 验证表单的时候经常需要获取表单中name='***'的元素的值，然后加以判断。jQuery中提供了jQuery.serizlizeArray来将表单序列化成一个数组。尽管如此，数组还是不方便我们操作，我需要讲表单序列化成一个对象。这
-
问题内容： 如果我做： 包含一个空对象，而不是iframe元素，为什么？ 问题答案： JSON（ JavaScript对象 表示法） 不是 为序列化DOM节点 而 设计的，您需要自己拉出所需的内容并将其写入对象，然后根据需要重新创建DOM节点。 实际上，Chrome甚至不执行您的代码：
-
所有的表单元素都是由标准的html元素控制的，然后又得到增强，使他们更吸引人并且容易使用。在不支持Jquery Mobile的浏览器下仍然是可用的，因为它们都是基于原生的html元素. 表单基础 Form basics Jquery Mobile提供了一套完整的，适合触摸操作的表单元素，他们都是基于原生的html元素 表单结构 Form structure 所有的表单都应该被包裹在一个form标签