JavaScript

超轻量级php框架startmvc

JS实现json的序列化和反序列化功能示例

更新时间:2020-05-17 08:18:01 作者:startmvc
本文实例讲述了JS实现json的序列化和反序列化功能。分享给大家供大家参考,具体如下:序

本文实例讲述了JS实现json的序列化和反序列化功能。分享给大家供大家参考,具体如下:

序列化:


var s = new Object();
s.Name = "clientValue";
s.Id = 1;
s.ClassId = 2;
var data = JSON.stringify(s);
console.log(data);

反序列化:

eval将字符串反序列化成对象


var s = eval('(' + data+ ')');
console.log(s.Name);

完整示例:


<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>json序列化与反序列化</title>
</head>
<body>
<script >
//序列化
var s = new Object();
s.Name = "clientValue";
s.Id = 1;
s.ClassId = 2;
var data = JSON.stringify(s);
console.log(data);
//反序列化
var s = eval('(' + data+ ')');
console.log(s.Name);
</script>
</body>
</html>

运行效果图如下:

PS:关于json操作,这里再为大家推荐几款比较实用的json在线工具供大家参考使用:

在线JSON代码检验、检验、美化、格式化工具: http://tools.jb51.net/code/json

JSON在线格式化工具: http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具: http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具: http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具: http://tools.jb51.net/code/json_yasuo_trans

JS json 序列化 反序列化