json

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

json1

<html>
<body>
    <h2>在 JavaScript 中创建 JSON 对象</h2>
    <p>
        Name: <span id="jname"></span><br /> 
        Age: <span id="jage"></span><br />
        Address: <span id="jstreet"></span><br /> 
        Phone: <span id="jphone"></span><br />
    </p>
    <script type="text/javascript">
        var JSONObject = {
            "name" : "Bill Gates",
            "street" : "Fifth Avenue New York 666",
            "age" : 56,
            "phone" : "555 1234567"
        };
        document.getElementById("jname").innerHTML = JSONObject.name
        document.getElementById("jage").innerHTML = JSONObject.age
        document.getElementById("jstreet").innerHTML = JSONObject.street
        document.getElementById("jphone").innerHTML = JSONObject.phone
    </script>
</body>
</html>

json2

<html>
<body>
    <h2>在 JavaScript 中创建 JSON 对象</h2>
    <p>
        Name: <span id="jname"></span><br /> 
        Age: <span id="jage"></span><br />
        Sex: <span id="jsex"></span><br />
        Address: <span id="jstreet"></span><br /> 
        Phone: <span id="jphone"></span><br />
    </p>
    <script type="text/javascript">
        var JSONObject = {
            "name" : "Bill Gates",
            "street" : "Fifth Avenue New York 666",
            "age" : 56,
            "sex":"男",
            "phone" : "555 1234567"
        };
        document.getElementById("jname").innerHTML = JSONObject.name
        document.getElementById("jage").innerHTML = JSONObject.age
        document.getElementById("jsex").innerHTML = JSONObject.sex
        document.getElementById("jstreet").innerHTML = JSONObject.street
        document.getElementById("jphone").innerHTML = JSONObject.phone
    </script>
</body>
</html>

json3

<html>
<body>
    <h2>通过 JSON 字符串来创建对象</h2>
    <p>
        First Name: <span id="fname"></span>
    </p>

    <script type="text/javascript">
        var employees = [ {
            "firstName" : "Bill",
            "lastName" : "Gates"
        }, {
            "firstName" : "George",
            "lastName" : "Bush"
        }, {
            "firstName" : "Thomas",
            "lastName" : "Carter"
        } ];
        employees[1].firstName = "Chen";
        document.getElementById("fname").innerHTML = employees[1].firstName;
    </script>
</body>
</html>

json4

<html>
<body>
    <h3>通过 JSON 字符串来创建对象</h3>
    <p>
            First Name: <span id="fname"></span><br /> 
            Last Name: <span  id="lname"></span><br />
        </p>
        <script type="text/javascript">
            var txt = ‘{"employees":[‘
                    + ‘{"firstName":"Bill","lastName":"Gates" },‘
                    + ‘{"firstName":"George","lastName":"Bush" },‘
                    + ‘{"firstName":"Thomas","lastName":"Carter" }]}‘;

            var obj = eval("(" + txt + ")");
            document.getElementById("fname").innerHTML = obj.employees[1].firstName
            document.getElementById("lname").innerHTML = obj.employees[1].lastName
        </script>
</body>
</html>