1. 程式人生 > >jQuery serializeObject 序列化form表單Json物件 jQuery.extend()合併物件

jQuery serializeObject 序列化form表單Json物件 jQuery.extend()合併物件

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);