脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS实现json序列化和反序列化

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

 更新时间：2017年06月13日 10:43:33   作者：_iorilan  
这篇文章主要介绍了JS实现json的序列化和反序列化功能,结合具体实例形式分析了javascript针对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

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

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

您可能感兴趣的文章:

相关文章

  • js通过classname来获取元素的方法

    js通过classname来获取元素的方法

    下面小编就为大家带来一篇js通过classname来获取元素的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起 小编过来看看吧
    2016-11-11
  • 基于javascript实现漂亮的页面过渡动画效果附源码下载

    基于javascript实现漂亮的页面过渡动画效果附源码下载

    本文通过javascript实现漂亮的页面过滤动画效果，用户通过点击页面左侧的菜单，对应的页面加载时伴随着滑动过滤动画，并带有进度条效果。用户体验度非常好，感兴趣的朋友一起看看吧
    2015-10-10
  • JS利用正则表达式实现简单的密码强弱判断实例

    JS利用正则表达式实现简单的密码强弱判断实例

    这篇文章主要给大家介绍了关于JS利用正则表达式实现简单的密码强弱判断的相关资料，实现后的效果非常简单，但也挺实用的，文中给出了详细的示例代码供大家参考学习，需要的朋友们下面来一起看看吧。
    2017-06-06
  • JavaScript的new date等日期函数在safari中遇到的坑

    JavaScript的new date等日期函数在safari中遇到的坑

    safari中对于JavaScript的new Date函数的支持有一个比较奇怪的问题，带着这个奇怪的问题我们通过本文一起学习吧
    2016-10-10
  • 理解Javascript_14_函数形式参数与arguments

    理解Javascript_14_函数形式参数与arguments

    在'执行模型详解'的'函数执行环境'一节中对arguments有了些许的了解，那么让我们深入的分析一下函数的形式参数与arguments的关系。
    2010-10-10
  • JS前端千万级弹幕数据循环优化示例

    JS前端千万级弹幕数据循环优化示例

    这篇文章主要为大家介绍了JS前端一千万条弹幕数据循环优化示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-07-07
  • 通过DOM脚本去设置样式信息

    通过DOM脚本去设置样式信息

    在大多数场合，我们都用CSS去设置样式，但在某些特殊情况下，例如要根据元素在节点树里的位置来设置节点样式信息时，目前CSS还没办法做到这一点。但利用DOM就可以很轻易的完成。
    2010-09-09
  • 用javascript判断IE版本号简单实用且向后兼容

    用javascript判断IE版本号简单实用且向后兼容

    项目中需要判断IE版本号，又因为 jQuery 2.0 去除了对浏览器版本号的判断于是就看到一老外写的一段代码，下面与大家分享下
    2013-09-09
  • JS实现左右拖动改变内容显示区域大小的方法

    JS实现左右拖动改变内容显示区域大小的方法

    这篇文章主要介绍了JS实现左右拖动改变内容显示区域大小的方法,涉及JavaScript实时响应鼠标事件动态改变页面元素属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • 教你如何使用firebug调试功能了解javascript闭包和this

    教你如何使用firebug调试功能了解javascript闭包和this

    这篇文章主要介绍了教你如何使用firebug调试功能了解javascript闭包和this，javascript的调试也是一个比较大的难点，很多基础的东西都需要自己去摸索，这里将自己的经验分享给大家，希望对大家能够有所帮助
    2015-03-03

最新评论