码迷,mamicode.com
首页 > Web开发 > 详细

json

时间:2014-06-17 20:25:23      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   java   http   

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>

bubuko.com,布布扣

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>

bubuko.com,布布扣

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>

bubuko.com,布布扣

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>

bubuko.com,布布扣

json,布布扣,bubuko.com

json

标签:style   class   blog   code   java   http   

原文地址:http://www.cnblogs.com/jianfengyun/p/3792174.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!