jQuery将表单序列化成一个Object对象的实例
验证表单的时候经常需要获取表单中name='***'的元素的值，然后加以判断。jQuery中提供了jQuery.serizlizeArray来将表单序列化成一个数组。尽管如此，数组还是不方便我们操作，我需要讲表单序列化成一个对象。这样更方便于我们操作。
下面是代码：
/**
* @author gaohuia
*/
(function($){
$.fn.extend({
serializeObject:function(){
if(this.length>1){
return false;
}
var arr=this.serializeArray();
var obj=new Object;
$.each(arr,function(k,v){
obj[v.name]=v.value;
});
return obj;
}
});
})(jQuery);
/**
* @author gaohuia
*/
(function($){
$.fn.extend({
serializeObject:function(){
if(this.length>1){
return false;
}
var arr=this.serializeArray();
var obj=new Object;
$.each(arr,function(k,v){
obj[v.name]=v.value;
});
return obj;
}
});
})(jQuery);
测试
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jQuery.formtool.js"></script>
<title>无标题文档</title>
<script language="javascript">
$(function(){
$(":button").click(function(){
var test=$("form").serializeObject();
alert(test.id);
});
});
</script>
</head>
<body>
<form action="" method="get"><input name="id" type="hidden" value="110" />
<input name="test" type="text" />
<input name="" type="button" />
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jQuery.formtool.js"></script>
<title>无标题文档</title>
<script language="javascript">
$(function(){
$(":button").click(function(){
var test=$("form").serializeObject();
alert(test.id);
});
});
</script>
</head>
<body>
<form action="" method="get"><input name="id" type="hidden" value="110" />
<input name="test" type="text" />
<input name="" type="button" />
</form>
</body>
</html>
以上这篇jQuery将表单序列化成一个Object对象的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍jQuery序列化表单成对象的简单实现，包括了jQuery序列化表单成对象的简单实现的使用技巧和注意事项，需要的朋友参考一下 在使用easyui的datagrid组件时，在查询时传递的查询参数是对象类型，为了方便，扩展了jquery中的序列化方法，调用该方法，可以将表单的所有数据序列化 具体使用： 以上这篇jQuery序列化表单成对象的简单实现就是小编分享给大家的全部内容了，希望能给
-
让我们将Java对象序列化为Json文件，然后读取该Json文件以获取该对象。 在这个例子中，我们创建了一个Student类。 我们将创建一个student.json文件，该文件将具有Student对象的json表示。 例子 (Example) 在C:\》GSON_WORKSPACE创建名为GsonTester的Java类文件。 File: GsonTester.java import java.
-
让我们将一个java对象序列化为一个json文件，然后读取该json文件以获取该对象。 在这个例子中，我们创建了Student类。 我们将创建一个student.json文件，该文件将具有Student对象的json表示。 在C:\》Jackson_WORKSPACE创建名为C:\》Jackson_WORKSPACE的java类文件。 File: JacksonTester.java import
-
在数据存储的上下文中，序列化是将数据结构或对象状态转换为可以存储（例如，在文件或存储缓冲器中）或稍后传输和重构的格式的过程。 在序列化中，对象被转换为可以存储的格式，以便以后能够对其进行反序列化并从序列化格式重新创建原始对象。 Pickle Pickling是将Python对象层次结构转换为要写入文件的字节流（通常不是人类可读的）的过程，这也称为序列化。 取消是反向操作，将字节流转换回工作的Pyt
-
本文向大家介绍jQuery实现form表单元素序列化为json对象的方法，包括了jQuery实现form表单元素序列化为json对象的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现form表单元素序列化为json对象的方法。分享给大家供大家参考，具体如下： 这段代码序列化form表单元素为json对象： 结果如下图所示： 希望本文所述对大家jQuery程序设计有所帮助
-
我试图使用SimpleXML序列化HealthCase类的对象。我能够正确地序列化所有内容，除了测试对象的ArrayList和每个测试对象拥有的图像对象的ArrayList。所有类的每个字段都有适当的访问器和突变器方法，但是当我尝试序列化时，会抛出各种xml复合写入错误，并且不会写入相关的XML文件。 HealthCase类（不包括方法）： 测试类别（不包括方法）： 图像类（不包括方法）： 我应该