JSON.parse解析json数据及取值的几种方式

最新推荐文章于 2024-08-14 11:36:11 发布

码农人生1314

最新推荐文章于 2024-08-14 11:36:11 发布

阅读量2.1w

点赞数

分类专栏：随记 web相关 json 文章标签： json 数据

本文链接：https://blog.csdn.net/u010989191/article/details/51510214

版权

随记同时被 3 个专栏收录

63 篇文章 0 订阅

订阅专栏

web相关

51 篇文章 0 订阅

订阅专栏

json

5 篇文章 0 订阅

订阅专栏

JSON.js 下载地址:http://download.csdn.net/detail/u010989191/9532369。
里面的index.html即是下面的演示示例。供需要的朋友参考!

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="./json2.js"></script>
</head>
<body>
<script type="text/javascript">
    //注意此时的json 最外层没有[]
    var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';  
    var contact = JSON.parse(jsontext);
    //第一种取值方法
    with(contact)
    {
        alert(firstname+" "+surname+" "+phone);
    }  
    //第二种取值方式
    alert(contact['phone']);
    //第三种取值方式
    document.write(contact.surname + ", " + contact.firstname + ", "+ contact.phone);  

    var jsontext2 = '{"name":"王五","age":"18","work":{"name":"programer","salary":"3k"}}';
    var text2Obj = JSON.parse(jsontext2);
    with(text2Obj)
    {
        alert(name+" "+age+" "+work.name+" "+work.salary);
        with(work)
        {
            alert(name+" "+salary);
        }
    }
</script>
</body>
</html>