jQuery serializeObject 序列化 form 表单 Json 对象 jQuery.extend() 合并对象

最新推荐文章于 2024-08-31 07:38:34 发布

原创最新推荐文章于 2024-08-31 07:38:34 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 3 个专栏收录

5 篇文章

订阅专栏

Web

4 篇文章

订阅专栏

jQuery

2 篇文章

订阅专栏

本文介绍如何使用jQuery实现表单序列化为JSON对象，并提供了序列化方法的具体实现。此外，还介绍了如何利用jQuery.extend()方法合并两个JSON对象，以及如何使用JSON.parse()和JSON.stringify()进行JSON对象与字符串之间的转换。

1、jQuery serializeObject 序列化form表单Json对象

/**
 *  将form序列化Json对象
 * {key1:"value1",key2:"value2"}
 * @example
 * <script>
 * var formParams = $("#formId").serializeObject();
 * </script>
 */
$.prototype.serializeObject = function() {
	var a, o, h, i, e;
	a = this.serializeArray();
	o = {};
	h = o.hasOwnProperty;
	for (i = 0; i < a.length; i++) {
		e = a[i];
		if (!h.call(o, e.name)) {
			o[e.name] = e.value;
		}
	}
	return o;
};

2、jQuery.extend() 合并对象

var jsonData = {
					key1: "value1",
					key2: "value2",
					key3: "value3"
				};
				var formParams = $("#formId").serializeObject();
				var params = $.extend(true, jsonData, formParams);
//params为jsonData和formParams合并后的对象，如果jsonData和formParams有相同字段，则formParams覆盖jsonData相同字段值

3、JSON.parse()

将字符串解析成Json对象

	var str = '{"key1": "value1","key2": "value2","key3": "value3"}';
	var obj = JSON.parse(str);

4、JSON.stringify()

将Json对象解析成字符串

var str = JSON.stringify(obj);