zoukankan      html  css  js  c++  java
  • json

    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>

  • 相关阅读:
    Android之缩减apk大小[资源文件篇]:基于自定义Shape设置ShapeDrawable
    二叉排序树与堆的区别
    4、多用类型常量,少用#define预处理指令
    3、多用字面量语法,少用与之等价的方法
    2、在类的头文件中尽量少引入其他头文件
    1、了解Objective-C语言的起源
    iOS中date和string的转换
    OC中的抽象基类 和 接口
    Swift -- 基础部分 -- 1、常量和变量
    计算机原理简述-处理器和汇编
  • 原文地址:https://www.cnblogs.com/jianfengyun/p/3792174.html
Copyright © 2011-2022 走看看