脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → 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中的apply,call,bind的深入解析

    关于JS中的apply,call,bind的深入解析

    下面小编就为大家带来一篇关于JS中的apply,call,bind的深入解析。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-04-04
  • JS实现网络请求的三种方式梳理

    JS实现网络请求的三种方式梳理

    本文主要为大家介绍了基于 XMLHttpRequest、Promise、async/await 等三种异步网络请求的写法，文中的示例代码讲解详细，感兴趣的可以学习一下
    2022-03-03
  • JavaScript实现文件的拖拽上传功能

    JavaScript实现文件的拖拽上传功能

    文件上传,可以说是我们在项目中最常用的功能之一,文件上传一般有两种形式：点击上传和拖拽上传,而上传的内容,又大体包括：文件和文件夹,本文给大家介绍了JavaScript实现文件的拖拽上传功能的方法,需要的朋友可以参考下
    2024-02-02
  • javascript 贪吃蛇实现代码

    javascript 贪吃蛇实现代码

    最近在学Javascript，花了半个月的时间终于把《Javascript权威指南》(推荐此书，入门级) 扫完。 在学习的过程中发现使用JS实现动态效果挺有趣的。
    2008-11-11
  • JS库之Three.js 简易入门教程(详解之一)

    JS库之Three.js 简易入门教程(详解之一)

    three.js是一款webGL框架，由于其易用性被广泛应用。下面脚本之家小编通过案例给大家阐述three.js的基本配置方法，具体内容详情大家参考下本文吧
    2017-09-09
  • 5分钟打造简易高效的webpack常用配置

    5分钟打造简易高效的webpack常用配置

    这篇文章主要介绍了5分钟打造简易高效的webpack配置,详细的介绍了打包调试、提取公共代码、压缩、热替换等配置，有兴趣的可以了解一下
    2017-07-07
  • javascript中数组的concat()方法使用介绍

    javascript中数组的concat()方法使用介绍

    数组的concat()方法想必大家比不陌生吧，在本文为大家介绍下javascript中数组的concat()方法的具体使用，感兴趣的朋友可以参考下
    2013-12-12
  • dedecms页面如何获取会员状态的实例代码

    dedecms页面如何获取会员状态的实例代码

    下面小编就为大家带来一篇dedecms页面如何获取会员状态的实例代码。一起跟随小编过来看看吧，希望对大家有所帮助。
    2016-03-03
  • js防止表单重复提交实现代码

    js防止表单重复提交实现代码

    重复提交、重复刷新、防止后退等等都是属于系统为避免重复记录而需要解决的问题，在客户端去处理需要针对每一种的可能提出相应的解决方案，然而在服务器端看来只不过是对于数据真实性的检验问题
    2012-09-09
  • JavaScript在form表单中使用button按钮实现submit提交方法

    JavaScript在form表单中使用button按钮实现submit提交方法

    在form表单提交中，使用button来间接完成submit的提交更为灵活。接下来通过本文给大家介绍JavaScript在form表单中使用button按钮实现submit提交方法，需要的朋友参考下吧
    2017-01-01

最新评论