JS的Form表单转JSON格式如何实现
今天小编给大家分享的是JS的Form表单转JSON格式如何实现，相信很多人都不太了解，为了让大家更加了解，所以给大家总结了以下内容，一起往下看吧。一定会有所收获的哦。
目录
一、serialize()方法
二、serializeArray()方法
三、$.param()方法
js 将json字符串转换为json对象的方法解析
一、JSON字符串转换为JSON对象
二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。
一、serialize()方法
格式：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);
}
})
二、serializeArray()方法
格式：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()方法
格式：$.param(personObj)
功能：可以把json格式数据序列化成字符串形式
代码示例：
var obj={a:1,b:2}
var s=$.param(obj);
会形成a=1&b=2的形式
js 将json字符串转换为json对象的方法解析
将json字符串转换为json对象的方法。在数据传输过程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键.
例如：
JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON对象:
var str2 = { "name": "cxh", "sex": "man" };
一、JSON字符串转换为JSON对象
要使用上面的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（）函数处理后会有问题（抛出语法异常）。
二、可以使用toJSONString()或者全局方法JSON.stringify()将JSON对象转化为JSON字符串。
例如：
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格式如何实现就分享到这里了，希望以上内容可以对大家有一定的参考价值，可以学以致用。如果喜欢本篇文章，不妨把它分享出去让更多的人看到。
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：niceseo99@gmail.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
评论