前端如何将form表单中值转成json字符串？

Posted 2023-03-25

前端如何将form表单中值转成json字符串

参考技术A JSON.stringify()

JQuery将form表单值转换成json字符串函数

    由于后台接口限定，必须要将表单内容转换成json字符串提交，因此写了一个将form表单值转成json字符串的函数。

    前提：页面引入了JQuery 

        下面直接上代码

一、代码

 		/** 表单序列化成json字符串的方法  */
 		function form2JsonString(formId) {
 			var paramArray = $(\'#\' + formId).serializeArray();  
 			 /*请求参数转json对象*/  
 			 var jsonObj={};  
 			  $(paramArray).each(function(){  
 			      jsonObj[this.name]=this.value;  
 			  });  
 			 console.log(jsonObj);  
 			 // json对象再转换成json字符串
 			 return JSON.stringify(jsonObj);
 		}

12

 

1

        /** 表单序列化成json字符串的方法  */

2

        function form2JsonString(formId) {

3

            var paramArray = $(\'#\' + formId).serializeArray();  

4

             /*请求参数转json对象*/  

5

             var jsonObj={};  

6

              $(paramArray).each(function(){  

7

                  jsonObj[this.name]=this.value;  

8

              });  

9

             console.log(jsonObj);  

10

             // json对象再转换成json字符串

11

             return JSON.stringify(jsonObj);

12

        }

二、用法