JS的Form表单转JSON格式的操作代码（form表单传json）墙裂推荐

🌐 经济型：买域名、轻量云服务器、用途：游戏网站等《腾讯云》特点：特价机便宜适合初学者用点我优惠购买

🚀 拓展型：买域名、轻量云服务器、用途：游戏网站等《阿里云》特点：中档服务器便宜域名备案事多点我优惠购买

🛡️ 稳定型：买域名、轻量云服务器、用途：游戏网站等《西部数码》特点：比上两家略贵但是稳定性超好事也少点我优惠购买

文章摘要

这篇文章介绍了如何使用JavaScript将JSON字符串转换为JSON对象的方法，以及如何将表单数据序列化为JSON格式。主要内容包括： 1. **JSON字符串转换为JSON对象**： - 使用`serialize()`方法将表单内容序列化为字符串。 - 使用`serializeArray()`方法将表单数据转换为JSON结构的对象数组。 - 使用`.param()`方法将JSON格式的数据序列化为字符串形式。 2. **数据传输与处理**： - 在数据传输过程中，JSON通常以字符串形式传递，而JavaScript操作的是JSON对象，因此需要将两者进行转换。 - 提供了将JSON字符串转换为对象的示例代码，并强调了解码的重要性（否则中文数据会乱码）。 3. **JSON字符串与对象的转换**： - 使用`JSON.stringify()`方法将JSON对象转换为字符串。 - 提供了`eval()`、`parseJSON()`和`JSON.parse()`等方法的示例，并解释了不同方法的适用场景和注意事项。总结：这篇文章详细介绍了JavaScript中将表单数据序列化为JSON格式的方法，以及如何将JSON字符串转换为对象，为数据传输和处理提供了实用的解决方案。

目录一、serialize()方法二、serializeArray()方法三、$.param()方法js 将json字符串转换为json对象的方法解析一、JSON字符串转换为JSON对象二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。

格式：var data=$(“#formID”).serialize();

功能：将表单内容序列化成一个字符串。

注意：要使用params=decodeURIComponent(data ,true)进行解码，不然中文数据会乱码。

数据示例：Name=小明&Age=22&Sex=男

后台：获取字符串后，可以到后台进行处理数据。

代码示例：

$.ajax({
url: “ServletSelect?action=ins”,
type: “post”,
data: $(“form”).serialize(),
dataType:”json”,
success: function (data) {
alert(data.msg);
}
})

格式：var strdata=$(“#formID”).serializeArray();

功能：将表单序列化成一个JSON结构的对象。数组类型。

数据示例：(3)[{name:”Name”,value:”小明”},{name:”Age”,value:”22″},{name:”Sex”,value:”男”}] 获取数据为 data [0].name

通过JSON.stringify()方法，将json数据转成string类型，供后台接收。

转换类型：var str= JSON.stringify(strdata )；//转换成string数据

数据示例：”[{name:”Name”,value:”小明”},{name:”Age”,value:”22″},{name:”Sex”,value:”男”}]”

代码示例：

var arry=$(“表单”).serializeArray();
$.ajax({
url: “/index/index”,
data: { jsondata: JSON.stringify(arry) },
type:”post”,
success: function () {
alert(“success”);
}
})

格式：$.param(personObj)

功能：可以把json格式数据序列化成字符串形式

代码示例：

var obj={a:1,b:2}
var s=$.param(obj);

会形成a=1&b=2的形式

将json字符串转换为json对象的方法。在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键.

例如：

JSON字符串:

var str1='{ “name”: “cxh”, “sex”: “man” }’;

JSON对象:

var str2={ “name”: “cxh”, “sex”: “man” };

要使用上面的str1，必须使用下面的方法先转化为JSON对象：

//由JSON字符串转换为JSON对象

var obj=eval(‘(‘ + str + ‘)’);

或者

var obj=str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj=JSON.parse(str); //由JSON字符串转换为JSON对象

然后，就可以这样读取：

Alert(obj.name);

Alert(obj.sex);

特别注意：如果obj本来就是一个JSON对象，那么使用eval（）函数转换后（哪怕是多次转换）还是JSON对象，但是使用parseJSON（）函数处理后会有问题（抛出语法异常）。

例如：

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

注意：

上面的几个方法中，除了eval()函数是js自带的之外，其他的几个方法都来自json.js包。新版本的 JSON 修改了 API，将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面，前者变成了 Object.toJSONString()，而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法，则说明您的json包版本太低。

到此这篇关于JS的Form表单转JSON格式的文章就介绍到这了,更多相关js form表单转json格式内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:form表单转Json提交的方法(推荐)jQuery实现form表单元素序列化为json对象的方法jquery序列化form表单使用ajax提交后处理返回的json数据基于jQuery的一个扩展form序列化到json对象Jquery 组合form元素为json格式,asp.net反序列化