首页 > Web开发 > 详细

JSON字符串和对象的转换

时间:2019-04-11 23:58:26      阅读:191      评论:0      收藏:0      [点我收藏+]

1.json对象转字符串

技术分享图片
<script type="text/javascript">
        window.onload = function () {
            var jsonObj = { "name": "张三", "sge": 18, "sex": "" };
            var jsonStr = JSON.stringify(jsonObj);
            console.log(jsonStr);//输出: ‘{ "name": "张三", "sge": 18, "sex": "男" }‘
        }
      
    </script>
技术分享图片

2.json字符串转对象

.使用JSON.parse()函数;

技术分享图片
 <script type="text/javascript">
        window.onload = function () {
            var jsonStr = { "name": "张三", "sge": 18, "sex": "男" };
            var jsonObj = JSON.parse(jsonStr);
            console.log(jsonObj); //输出: { "name": "张三", "sge": 18, "sex": "男" }        }
      
    </script>
技术分享图片

. 使用eval()函数;

技术分享图片
 <script type="text/javascript">
        window.onload = function () {
            var jsonStr = { "name": "张三", "sge": 18, "sex": "男" };
            var jsonObj = eval("("+jsonStr+")");
            console.log(jsonObj);//输出: { "name": "张三", "sge": 18, "sex": "男" }
        }
      
    </script>
技术分享图片

 .使用jQuery插件jQuery.parseJSON();

 

技术分享图片
<script type="text/javascript">
        $(document).ready(function () {
            var jsonStr =  { "name": "张三", "sge": 18, "sex": "男" };
            var jsonObj = jQuery.parseJSON(jsonStr);
            console.log(jsonObj); //输出: { "name": "张三", "sge": 18, "sex": "男" }
        });
       
    </script>
技术分享图片

 

        使用jQuery插件jQuery.parseJSON()的时候,需要引用json3.js,JSON官方(http://www.json.org/)提供了一个json3.js,提供了JSON的序列化和反序列化方法,可以将一个JSON对象转换成JSON字符串,也可以将一个JSON字符串转换成一个JSON对象。这样ie8(兼容模式),ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法; 

        JSON 3是与各种JavaScript平台兼容的现代JSON实现,包括Internet Explorer 6,Opera 7,Safari 2和Netscape 6.当前版本是3.3.2。
可以在 https://bestiejs.github.io/json3/ 获取到这个js. 现在一般用json3.js
使用方法:
使用该js包,需要在页面引入json3.js文件。
   <script src="js/json3.js"></script>

JSON字符串和对象的转换

原文:https://www.cnblogs.com/yuesebote/p/10693356.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!