• JSON字符串和对象的转换


    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>
  • 相关阅读:
    JS控制台打印星星,总有你要的那一款~
    css居中方法
    line-height
    position定位
    IE盒子模型
    CSS中的盒模型
    CSS中的BEM命名
    循环语句总结(代码以C#为例)
    程序设计中的数学思维函数总结(代码以C#为例)
    转:SpringBoot 自定义异常@ContollerAdvice ExceptionHandler不起作用
  • 原文地址:https://www.cnblogs.com/yuesebote/p/10693356.html
Copyright © 2020-2023  润新知