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


Posted in Javascript onJune 13, 2017

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

运行效果图如下:

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

Javascript 相关文章推荐
js 金额文本框实现代码
Feb 14 Javascript
javascript通过navigator.userAgent识别各种浏览器
Oct 25 Javascript
jQuery构造函数init参数分析
May 13 Javascript
JavaScript实现模仿桌面窗口的方法
Jul 18 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
JavaScript:Date类型全面解析
May 19 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
Jun 05 Javascript
AngularJS实现一次监听多个值发生的变化
Aug 31 Javascript
Bootstrap CSS组件之导航(nav)
Dec 17 Javascript
vue模仿网易云音乐的单页面应用
Apr 24 Javascript
vue项目在webpack2实现移动端字体自适配功能
Jun 02 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
Oct 28 Javascript
angularjs实现搜索的关键字在正文中高亮出来
Jun 13 #Javascript
angular-ngSanitize模块-$sanitize服务详解
Jun 13 #Javascript
让微信小程序支持ES6中Promise特性的方法详解
Jun 13 #Javascript
jQueryeasyui 中如何使用datetimebox 取两个日期间相隔的天数
Jun 13 #jQuery
Javascript实现的StopWatch功能示例
Jun 13 #Javascript
原生JS实现图片懒加载(lazyload)实例
Jun 13 #Javascript
angular bootstrap timepicker TypeError提示怎么办
Jun 13 #Javascript
You might like
php学习笔记之面向对象编程
2012/12/29 PHP
学习php中的正则表达式
2014/08/17 PHP
php中namespace use用法实例分析
2016/01/22 PHP
php反射类ReflectionClass用法分析
2016/05/12 PHP
JQuery 确定css方框模型(盒模型Box Model)
2010/01/22 Javascript
jquery实现的一个简单进度条效果实例
2014/05/12 Javascript
一个JavaScript获取元素当前高度的实例
2014/10/29 Javascript
根据配置文件加载js依赖模块
2014/12/29 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
2015/04/26 Javascript
javascript 使用for循环时该注意的问题-附问题总结
2015/08/19 Javascript
JS插件plupload.js实现多图上传并显示进度条
2016/11/29 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
2020/04/18 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
JQuery实现图片轮播效果
2017/05/08 jQuery
vue2.0全局组件之pdf详解
2017/06/26 Javascript
关于jQuery.ajax()的jsonp碰上post详解
2017/07/02 jQuery
seajs中最常用的7个功能、配置示例
2017/10/10 Javascript
小程序实现页面顶部选项卡效果
2018/11/06 Javascript
详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)
2019/02/02 Javascript
vue 实现tab切换保持数据状态
2020/07/21 Javascript
[02:17]2016国际邀请赛中国区预选赛VG战队领队采访
2016/06/26 DOTA
Python程序设计入门(5)类的使用简介
2014/06/16 Python
对pandas数据判断是否为NaN值的方法详解
2018/11/06 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
Python 实现两个列表里元素对应相乘的方法
2018/11/14 Python
Python-for循环的内部机制
2020/06/12 Python
Python实现SMTP邮件发送
2020/06/16 Python
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
20年同学聚会邀请函
2014/02/04 职场文书
校本教研活动总结
2014/07/01 职场文书
骨干教师申报材料
2014/12/17 职场文书
2014年小班保育员工作总结
2014/12/23 职场文书
幼儿园中秋节活动总结
2015/03/23 职场文书
《生物入侵者》教学反思
2016/02/16 职场文书
CSS几步实现赛博朋克2077风格视觉效果
2021/06/16 HTML / CSS