关于表单提交数据转Json

最新推荐文章于 2023-04-04 10:14:55 发布

原创最新推荐文章于 2023-04-04 10:14:55 发布 · 765 阅读

0 ·

CC 4.0 BY-SA版权

Web前端同时被 2 个专栏收录

3 篇文章

订阅专栏

jQuery

0 篇文章

订阅专栏

本文介绍了一种将HTML表单提交的数据转换成JSON格式的方法，包括一个简单的实现和一个支持多选字段的升级版实现。

在表单提交数据时，我们会用到

$("form").serialize()

但是这里获取到的值是以字符串拼接的，可以通过自定义一个方法将获取的值转为Json格式

简单版，不支持多选

(function($){
	$.fn.serializeJson=function(){
		var serializeObj={};
		$(this.serializeArray()).each(function(){
			serializeObj[this.name]=this.value;
		});
		return serializeObj;
	};
})(jQuery);

升级版，支持多选

(function($){
	$.fn.serializeJson=function(){
		var serializeObj={};
		var array=this.serializeArray();
		var str=this.serialize();
		$(array).each(function(){
			if(serializeObj[this.name]){
				if($.isArray(serializeObj[this.name])){
					serializeObj[this.name].push(this.value);
				}else{
					serializeObj[this.name]=[serializeObj[this.name],this.value];
				}
			}else{
				serializeObj[this.name]=this.value;
			}
		});
		return serializeObj;
	};
})(jQuery);

下面通过$("form").serializeJson()来获取表单的值就是json格式了