js序列化和反序列化的使用讲解

作者:muzidigbig 时间:2023-08-05 08:13:24 

(1)序列化

即js中的Object转化为字符串

1.使用obj.toJSONString()


var str=obj.toJSONString(); //将JSON对象转化为JSON字符

2.使用JSON.stringify(obj)


var str=JSON.stringify(obj); //将JSON对象转化为JSON字符

(2)反序列化

即js中JSON字符串转化为Object

1.使用eval('('+josnStr+')')


var obj=eval("("+data+")");

为什么要 eval这里要添加 "("+data+");//”呢?

原因在于:eval本身的问题。 由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。

2.使用jsonStr.parseJSON()


var obj = jsonStr.parseJSON(); //由JSON字符串转换为JSON对象

3.使用parse(jsonStr)


var obj = JSON.parse(data); //由JSON字符串转换为JSON对象

(3)使用场景

1.向后台传递参数、接收后台返回值

  如果后台返回的是一个String(Object序列化后返回),那么需要在js中使用eval或者parse等转化为Object再使用;

  如果返回时传递了类型,比如就是Object,那么直接使用就好

2.在页面间传递数据,特别是数组时

  需要使用序列化,否则IE会报错:不能执行已经释放Script的代码

3.在进行本地存储时

  存储在本地window.localStorage.setItem(key,value)存储的value是json序列化的字符串;获取得到的window.localSorage.getItem(key)也是json序列化的字符串,需要经过json的反序列化进行使用(常见json序列化数组)

若有不足请多多指教!希望给您带来帮助!

来源:https://blog.csdn.net/muzidigbig/article/details/83305325

标签:js,序列化,反序列化
0
投稿

猜你喜欢

  • 有故事的网页设计——Flash网站奇妙之旅

    2011-01-20 19:58:00
  • 详解Go语言中的内存对齐

    2024-04-25 15:08:28
  • Python 实现循环最快方式(for、while 等速度对比)

    2023-12-18 18:33:34
  • JS重载实现方法分析

    2023-10-07 08:09:04
  • Sql学习第三天——SQL 关于CTE(公用表达式)的递归查询使用

    2024-01-23 01:00:10
  • MySQL数据库恢复(使用mysqlbinlog命令)

    2024-01-22 14:49:14
  • [翻译]标记语言和样式手册 Chapter 14 图片替换

    2008-02-18 12:56:00
  • 通过实例解析python subprocess模块原理及用法

    2022-03-26 06:21:51
  • Python 解决OPEN读文件报错 ,路径以及r的问题

    2022-06-12 11:06:41
  • Python中三种时间格式转换的方法

    2023-10-18 13:11:43
  • python3 实现的人人影视网站自动签到

    2022-01-22 21:49:52
  • PyCharm Anaconda配置PyQt5开发环境及创建项目的教程详解

    2022-03-12 07:15:47
  • 从网页设计开始

    2008-06-30 12:17:00
  • 教你如何在Mac上安装mysql数据库

    2024-01-23 05:19:10
  • firefox通过XUL实现text-overflow:ellipsis的效果

    2008-07-08 19:12:00
  • MySQL权限分配

    2011-01-29 16:37:00
  • python中时间、日期、时间戳的转换的实现方法

    2022-03-20 13:37:12
  • 经验:解决DB2中出现的SQL1032N错误现象

    2009-09-02 14:10:00
  • 用CSS实现柱状图(Bar Graph)的方法(一)—基于列表元素的柱状图

    2008-05-26 13:03:00
  • opencv resize图片为正方形尺寸的实现方法

    2023-02-21 15:34:51
  • asp之家 网络编程 m.aspxhome.com