ITPub博客

首页 > 应用开发 > IT综合 > h5~js~json(14)

h5~js~json(14)

原创 IT综合 作者:潇洒妞妞妞 时间:2016-06-26 09:25:49 0 删除 编辑

JSON讲解

思路讲解

学习本课主要是要学习JSON对象的表达类型
以及字符串和对象之间的关系

Json对象值的输出

表达方式json对象:var bb={name:”qwe”,age:13};

Json 字符串:var aa =’{“name”:”wqq”,”age”:12}’;

相互转换:字符串转换成对象 var对象=eval(“(”+json;字符串+“)”);

对象转换成字符串 var 变量= JSON。Stringify(对象);

示例如下:

<!DOCTYPE html>

<html>

    <head>

       <meta charset="UTF-8">

       <title></title>

    </head>

    <body>

       <input onclick="fun1();" type="button" value="把字符串转换成JSON对象">

       <input onclick="fun2();" type="button" value="获取json对象元素的值">

              <input onclick="fun3();" type="button" value="把json对象转化成字符串">

       <script>

           var s='{"name":"lisan","age":"13"}';

       var a={

              "name":"wew",

              "age":12

           };

           function fun1(){

              //把json字符串变成json对象

              var s1=eval("("+s+")");

              //alert(typeof(s));

              //alert(typeof(s1));

              alert(s1.name);

              alert(s1.age);

           }

           function fun2(){

              alert(a.name);

              alert(a.age);

           }

           function fun3(){

              alert(JSON.stringify(a));

           }

       </script>

    </body>

</html>



来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/30545764/viewspace-2120995/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: h5~js~ajax(15)
下一篇: h5~js~定时器(8)
请登录后发表评论 登录
全部评论

注册时间:2015-10-29

  • 博文量
    44
  • 访问量
    89174