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 相关文章推荐
Javascript查询DBpedia小应用实例学习
Mar 07 Javascript
jQuery 获取URL的GET参数值的小例子
Apr 18 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 Javascript
浅谈原生JS实现jQuery的animate()动画示例
Mar 08 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
微信小程序 navbar实例详解
May 11 Javascript
JavaScript中重名的函数与对象示例详析
Sep 28 Javascript
Angular4编程之表单响应功能示例
Dec 13 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
Jan 03 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
Sep 27 Javascript
微信小程序 自定义复选框实现代码实例
Sep 04 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中判断变量为空的几种方法小结
2013/11/12 PHP
ThinkPHP实现支付宝接口功能实例
2014/12/02 PHP
php求一个网段开始与结束IP地址的方法
2015/07/09 PHP
简介PHP的Yii框架中缓存的一些高级用法
2016/03/29 PHP
Yii2前后台分离及migrate使用(七)
2016/05/04 PHP
判断页面是关闭还是刷新的js代码
2007/01/28 Javascript
Google Map Api和GOOGLE Search Api整合实现代码
2009/07/18 Javascript
网页源代码保护(禁止右键、复制、另存为、查看源文件)
2012/05/23 Javascript
使用JavaScript脚本无法直接改变Asp.net中Checkbox控件的Enable属性的解决方法
2015/09/16 Javascript
JavaScript中的原始值和复杂值
2016/01/07 Javascript
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
webpack使用 babel-loader 转换 ES6代码示例
2017/08/21 Javascript
vue引用js文件的多种方式(推荐)
2018/05/17 Javascript
angularjs结合html5实现拖拽功能
2018/06/25 Javascript
vue 实现在函数中触发路由跳转的示例
2018/09/01 Javascript
es6基础学习之解构赋值
2018/12/10 Javascript
javascript自定义右键菜单插件
2019/12/16 Javascript
vue打开新窗口并实现传参的图文实例
2021/03/04 Vue.js
[00:38]TI珍贵瞬间系列(二):笑
2020/08/26 DOTA
Python 元组(Tuple)操作详解
2014/03/11 Python
python实现模拟按键,自动翻页看u17漫画
2015/03/17 Python
Python 异常处理的实例详解
2017/09/11 Python
如何使用Python进行OCR识别图片中的文字
2019/04/01 Python
pyqt 实现为长内容添加滑轮 scrollArea
2019/06/19 Python
python实现LRU热点缓存及原理
2019/10/29 Python
解决springboot yml配置 logging.level 报错问题
2020/02/21 Python
利用Python脚本批量生成SQL语句
2020/03/04 Python
html2canvas生成的图片偏移不完整的解决方法
2020/05/19 HTML / CSS
DC Shoes俄罗斯官网:美国滑板鞋和服饰品牌
2020/08/19 全球购物
银行实习的自我鉴定
2013/12/10 职场文书
大学毕业生通用自我评价
2014/01/05 职场文书
银行行长竞聘演讲稿
2014/04/23 职场文书
普通党员群众路线教育实践活动心得体会
2014/11/04 职场文书
高校自主招生教师推荐信
2015/03/23 职场文书
如何书写你的职业生涯规划书?
2019/06/27 职场文书
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis