欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

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

时间:2020-12-02 12:47:09|栏目:JavaScript代码|点击:

本文实例讲述了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

更多关于JavaScript相关内容可查看本站专题:《JavaScript中json操作技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇:基于JS实现翻书效果的页面切换样式

栏    目:JavaScript代码

下一篇:实现163邮箱的图标功能

本文标题:JS实现json的序列化和反序列化功能示例

本文地址:http://www.codeinn.net/misctech/28618.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有