将Jquery序列化后的表单值转换成Json

最新推荐文章于 2024-02-29 22:17:41 发布

原创最新推荐文章于 2024-02-29 22:17:41 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#json #JavaScript #序列化

JavaScript 同时被 2 个专栏收录

3 篇文章

订阅专栏

json

1 篇文章

订阅专栏

本文介绍了使用jQuery进行表单序列化的几种方法，包括serialize(), serializeArray()及自定义的serializeObject()函数，最后展示了如何将序列化结果转换为JSON格式以便于后端处理。

通过$("#form").serialize()可以获取到序列化的表单值字符串：

a=1&b=2&c=3&d=4&e=5

通过$("#form").serializeArray()输出以数组形式序列化表单值：

[ 
  {name: 'firstname', value: 'Hello'}, 
  {name: 'lastname', value: 'World'},
  {name: 'alias'}, // 值为空
]

重写：

$.fn.serializeObject = function()
{
	var o = {};
	var a = this.serializeArray();
	$.each(a, function() {
		if (o[this.name] !== undefined) {
			if (!o[this.name].push) {
				o[this.name] = [o[this.name]];
			}
			o[this.name].push(this.value || '');
		} else {
			o[this.name] = this.value || '';
		}
	});
	return o;
};

通过 $("#form").serializeObject(); 就可以得到Js object内容：