json基础学习

浏览数：16 / 时间：2015年06月09日

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <h2>在 JavaScript 中创建 JSON 对象</h2>
    <p>Name:<span id="jname"></span></br>
    Adg:<span id="jage"></span></br>
    Address:<span id="jaddress"></span></br>
        Phone:<span id="phone"></span></br>
    </p>
    <title></title>
    <!--<link href="css.css" type="text/css" rel="stylesheet"/>-->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <!--<script  language="JavaScript" src="js1.js" ></script>-->
    <script >
        var json1={
            ‘name‘:‘bug松‘,
            ‘addres‘:‘firth avenue new york 555‘,
            ‘age‘:‘100000‘,
            ‘phone‘:‘110 120 119 114 10001‘
        };
        document.getElementById(‘jname‘).innerHTML=json1.name
        document.getElementById(‘jage‘).innerHTML=json1.age
        document.getElementById(‘jaddress‘).innerHTML=json1.addres
        document.getElementById(‘phone‘).innerHTML=json1.phone
        //json数组方式
        var obj1=[
            {‘obj‘:[1,2,3],‘obj2‘:123},{
                ‘list‘:["tuple",11],‘tuple1‘:[(1),[2.3,2]]
            }
        ]
        //访问array中指定数组

        //alert(obj1[1].tuple1[1][1])
        //字符串操作


    </script>
</head>
<body>
 name:<span id="names"></span></br>

<script>
    var txt = ‘{ "employees" : [‘ +
‘{ "firstName":"Bill" , "lastName":"Gates" },‘ +
‘{ "firstName":"George" , "lastName":"Bush" },‘ +
‘{ "firstName":"Thomas" , "lastName":"Carter" } ]}‘;
//var obj=eval("("+txt+")");//或者改成obj = JSON.parse(txt);
    //因为eval()会出现一个隐藏的危险
    var obj=JSON.parse(txt)



    document.getElementById(‘names‘).innerHTML=obj.employees[1].firstName
</script>
</body>
</html>
其他json学习