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 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
不用ajax实现点击文字即可编辑的方法
Dec 16 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
后台获取ZTREE选中节点的方法
Feb 12 Javascript
浅谈Javascript数组索引
Jul 29 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
基于jQuery实现Accordion手风琴自定义插件
Oct 13 Javascript
关于 jQuery Easyui异步加载tree的问题解析
Dec 06 Javascript
Vue中保存用户登录状态实例代码
Jun 07 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
ES6使用新特性Proxy实现的数据绑定功能实例
May 11 Javascript
原生JS实现汇率转换功能代码实例
May 13 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程序的方法
2009/03/09 PHP
php生成静态文件的多种方法分享
2012/07/17 PHP
php对二维数组按指定键值key排序示例代码
2013/11/26 PHP
PHP面向对象中new self()与 new static()的区别浅析
2017/08/17 PHP
PHP中“=&gt;
2019/03/01 PHP
网上抓的一个特效
2007/05/11 Javascript
Javascript优化技巧(文件瘦身篇)
2008/01/28 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
2010/04/27 Javascript
映彩衣的js随笔(js图片切换效果)
2011/07/31 Javascript
js解析与序列化json数据(二)序列化探讨
2013/02/01 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
2014/03/05 Javascript
jQuery过滤选择器:not()方法使用介绍
2014/04/20 Javascript
js使用栈来实现10进制转8进制与取除数及余数
2014/06/11 Javascript
JavaScript整除运算函数ceil和floor的区别分析
2015/04/14 Javascript
js判断文件格式及大小的简单实例(必看)
2016/10/11 Javascript
vue中的scope使用详解
2017/10/29 Javascript
JavaScript读写二进制数据的方法详解
2018/09/09 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
vue实现新闻展示页的步骤详解
2019/04/11 Javascript
vue动态绑定class的几种常用方式小结
2019/05/21 Javascript
js实现验证码功能
2020/07/24 Javascript
TensorFlow变量管理详解
2018/03/10 Python
python实现求解列表中元素的排列和组合问题
2018/03/15 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
python使用turtle绘制分形树
2018/06/22 Python
python SQLAlchemy的Mapping与Declarative详解
2019/07/04 Python
python设置环境变量的作用和实例
2019/07/09 Python
Django中使用极验Geetest滑动验证码过程解析
2019/07/31 Python
基于python实现的百度新歌榜、热歌榜下载器(附代码)
2019/08/05 Python
使用python脚本自动生成K8S-YAML的方法示例
2020/07/12 Python
菜篮子工程实施方案
2014/03/08 职场文书
在职证明书模板
2015/06/15 职场文书
主婚人致辞精选
2015/07/28 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS
python随机打印成绩排名表
2021/06/23 Python
PostgreSQL聚合函数介绍以及分组和排序
2022/04/12 PostgreSQL