form表单转换成json({key:value, key:value})

最新推荐文章于 2022-08-04 10:32:18 发布

原创最新推荐文章于 2022-08-04 10:32:18 发布 · 3.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jqery

前台效果专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种自定义jQuery方法，用于将HTML表单数据转换为JSON格式，便于前端与后端的数据交互。通过实例展示了如何使用该方法。

1 jqery中的方法

 	```
 	// 自定义jquery的方法，将Form表单中的内容转换成json
 	$.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;  
 	}; 
 	```

2 使用
var form = $("#searchForm").serializeJson()
#searchForm为表单的id