JQuery的 serializeObject 序列化form表单

最新推荐文章于 2024-04-17 09:19:41 发布
最新推荐文章于 2024-04-17 09:19:41 发布
阅读量2.5k 收藏 3
点赞数 3
分类专栏： 【JQuery】 文章标签： JQuery serializeObject
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csdnluolei/article/details/84651936
版权

JQuery的将表单序列化为三种格式：

1. serialize() 序列化form表单内容为字符串

2. serializeArray() ;返回JSON 对象数组

3. 封装一个方法： serializeObject() ; 返回对象

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>JQuery的serializeObject 序列化form表单</title>
	</head>
	<body>
		<form id="submitForm">
		    <input type="text" name="username" value="luo"/>
		    <input type="text" name="password" value="123"/>
			<input type="submit" value="提交"/>
		 </form>
	</body>
</html>

1. serialize() 序列化form表单内容为字符串

 $("#submitForm").serialize();  

转换格式为：

"username=luo&password=123"

2. serializeArray() ;返回JSON 对象数组
   

 $("#submitForm").serializeArray();

转换格式为：

[{name:"username",value:"luo"},{name:"password",value:"123"}]

3. 封装一个方法： serializeObject() ; 返回对象

   //给jQuery添加一个方法
     jQuery.fn.serializeObject = function () {
		var formData = {};
		var formArray = this.serializeArray();
		 for(var i = 0, n = formArray.length; i < n; ++i){
			 formData[formArray[i].name] = formArray[i].value;
		 }
		 return formData;
	};

    $("#submitForm").serializeObject();

转换格式为：

 {username:"luo",password:"123"}

 

csdnluolei
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery序列化表单成对象的简单实现
01-19
在使用easyui的datagrid组件时，在查询时传递的查询参数是对象类型，为了方便，扩展了jquery中的序列化方法，调用该方法，可以将表单的所有数据序列化 $.fn.serializeObject=function(){ var obj=new Object(); ...
jquery.serializeObject:创建表单元素的序列化表示
06-10
2. **选择表单元素**：使用jQuery的选择器选取要序列化的表单，通常会是`$('form')`。 3. **调用插件方法**：在选定的表单元素上调用`serializeObject()`方法，例如`$('form').serializeObject();`。 4. **处理...
JQuery的serializeObject 序列化form表单
Lee的430博客
04-12 2万+
/** * 使用场景：ajax提交表单数据 */ /* &lt;form&gt; &lt;input type="text" name="username" value="123"/&gt; &lt;input type="text" name="password" valur="abc"/&gt; &lt;/
JQuery 序列化form表单
qq_43026206的博客
07-08 317
//ajax 提交表单数据 <form> <input type="text" name="username" value="123"/> <input type="text" name="password" valur="abc"/> </form> serialize() —— 序列化form表单 带name属性的内容为字符串 JQuery("form").serialize(); // "username="123&pass
jQuery：ajax中form表单serialize()序列化方法(1)，2024年最新美团 四面
最新发布
m0_61408947的博客
04-17 391
个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**《350页前端校招面试题精编解析大全》**内容大纲主要包括。
JS中$.fn.serializeObject的相关运用
weixin_43814069的博客
08-20 512
.fn.serializeObject=function()参数处理对象、序列化和反序列化、字符串转对象、对象转字符串、表单序列化在jQuery中，fn其实就是JavaScript中propotype的一个别名，.fn.serializeObject = function(){} 参数处理对象、序列化和反序列化、字符串转对象、对象转字符串、表单序列化 在 jQuery 中，fn 其实就是 JavaScript 中 propotype 的一个别名，.fn.serializeObject=function()参
jquery serializeobject();方法序列化表单的属性，返回字符串。
lg12lp12的博客
07-31 1万+
serializeobject(); 可以将表单中的文本框 下拉框 根据name 属性 序列化成字符串，必须在js中写这个方法 $.fn.serializeObject = function() {     var o = {"unique_id":new Date().getTime(),"state":false};     var a = this.serializeArray();
使用serializeObject()将form表单中的数据序列化成对象
前端切图仔的日常
03-08 1万+
在ajax中有 serializeArray()方法 可以将form表单中的数据序列化成如下的格式 [ { name: "a", value: "1" }, { name: "b", value: "2" }, { name: "c", ...
Jquery SerializeObject － 将form表单转化成Javascript object
zhang8058的专栏
01-04 8674
默认情况下，Jquery无法将form转换成用于ajax参数的Javascript Object。 所以一直以来都是使用selector一个个读取数值然后自己构建Javascript Object的方式。今天偶然看到一段Jquery的插件，可以直接使用： $(form).serializeObject() 的形式，将form里面的内容转化成如下漂亮的形式，真是大快人心！ {
jQuery将表单序列化成一个Object对象的实例
10-21
jQuery的`serializeArray()`方法是默认用来序列化表单数据的，它会将表单中的所有已命名的元素转换为一个包含键值对的数组。然而，对于需要更高级别的数据结构，如对象，这个方法并不直接适用。 为了将表单数据转换...
jQuery序列化后的表单值转换成Json
10-19
为了将序列化后的表单值转换为JSON，我们可以自定义一个jQuery扩展函数，如`serializeObject()`。这个函数的作用是遍历`serializeArray()`返回的数组，并将其构建为一个JSON对象。以下是一个实现这个功能的示例代码...
jquery form表单序列化为对象的示例代码
12-10
代码如下: $.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this....
jQuery serializeObject 序列化form表单Json对象 jQuery.extend()合并对象
Elon Space
07-05 1万+
1、jQuery serializeObject 序列化form表单Json对象 /** * 将form序列化Json对象 * 将［"key1=value1&key2=value2"］序列化成Json对象［"key1":"value1","key2":"value2"］） * @example * * var formParams = $("#formId").serialize
JQuery表单序列化方式
weixin_43862596的博客
05-20 751
使用场景：ajax提交表单数据 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JQuery的表单序列化</title> </head> <body> <form id="submitForm"> <input type="text" name="username" /> &l
jQuery - 基于serializeArray的serializeObject
热门推荐
君莫笑
11-15 3万+
jQuery有方法$.fn.serialize，可将表单序列化成字符串；有方法$.fn.serializeArray，可将表单序列化成数组。 如果需要其序列化为JSON对象，那么可以基于serializeArray编写方法serializeObject轻松实现：
Jquery serializeObject
weixin_42830080的博客
01-12 344
/** * 获取Form表单数据 * @param {string} form * @param {Array<string>} [include] * @param {Array<string>} [exclude] */ function serializeObject(form, include, exclude) { var obj = $(form).serializeArray(); include = include || []; ex
JQuery动态创建Form
sayyy的专栏
01-05 1045
前言 JQuery 3.5.1 JQuery动态创建Form var form = $("<form></form>"); form.append($("<input type='hidden' name='name' value='张' />")); form.append($("<input type='hidden' name='deptId[0]' value='1001' />")); form.append($("<input type=
jquery通过submit()和serialize()提交表单
自强不息
08-18 399
&lt;script type="text/javascript"&gt; $(function() { $('#form1').submit(function() { //当提交表单时，会发生 submit 事件。 //此处可做表单验证 //... ... var postData = $("...
Xml 文件序列化 反序列化
03-13
XML文件序列化和反序列化是将对象数据转换为XML格式的字符串，以及将XML格式的字符串还原为对象数据的过程。 在C#中，可以使用XmlSerializer类来实现XML文件的序列化和反序列化。以下是实现方式： 1. XML文件序列化： - 创建一个XmlSerializer对象，指定要序列化的对象类型。 - 创建一个TextWriter对象，用于将序列化后的XML数据写入文件或流。 - 调用XmlSerializer对象的Serialize方法，将对象序列化为XML格式的字符串，并写入到TextWriter中。 - 关闭TextWriter对象。 2. XML文件反序列化： - 创建一个XmlSerializer对象，指定要反序列化的对象类型。 - 创建一个TextReader对象，用于从文件或流中读取XML数据。 - 调用XmlSerializer对象的Deserialize方法，将XML格式的字符串还原为对象数据。 - 关闭TextReader对象。 以下是示例代码： ```csharp // XML文件序列化 public void SerializeObject<T>(T obj, string filePath) { XmlSerializer serializer = new XmlSerializer(typeof(T)); using (TextWriter writer = new StreamWriter(filePath)) { serializer.Serialize(writer, obj); } } // XML文件反序列化 public T DeserializeObject<T>(string filePath) { XmlSerializer serializer = new XmlSerializer(typeof(T)); using (TextReader reader = new StreamReader(filePath)) { return (T)serializer.Deserialize(reader); } } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值