js序列化和反序列化的使用讲解
(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序列化数组)
若有不足请多多指教!希望给您带来帮助!
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接
相关文章
Three.js利用Detector.js插件如何实现兼容性检测详解
这篇文章主要给大家介绍了关于Three.js利用Detector.js插件如何实现兼容性检测的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面来一起看看吧。2017-09-09uniapp中微信小程序与H5相互跳转以及传参详解(webview)
在单位做项目的时候碰到一个需求,需要从微信小程序跳转到H5页面,下面这篇文章主要给大家介绍了关于uniapp中微信小程序与H5相互跳转以及传参的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-08-08Bootstrap编写一个兼容主流浏览器的受众门户式风格页面
这篇文章主要介绍了Bootstrap编写一个兼容IE8、谷歌等主流浏览器的受众门户式风格页面,感兴趣的小伙伴们可以参考一下2016-07-07
最新评论