zoukankan      html  css  js  c++  java
  • 简单使用JSON,通过JSON 字符串来创建对象(二)

    把 JSON 文本转换为 JavaScript 对象

    JSON 最常见的用法之一,是从 web 服务器上读取 JSON 数据(作为文件或作为 HttpRequest),将 JSON 数据转换为 JavaScript 对象,然后在网页中使用该数据。

    为了更简单地为您讲解,我们使用字符串作为输入进行演示(而不是文件)


    json.html
    <html>
        <body>
            <h2>
                通过 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>

    或者:

    obj = JSON.parse(txt);

     

    结果显示:

    image

  • 相关阅读:
    C语言I博客作业03
    C语言I—2019秋作业02
    C语言I博客作业04
    C语言I博客作业02
    C语言I博客作业02
    C语言I博客作业04
    C语言I博客作业02
    C语言I博客作业02
    第一周作业
    C语言I博客作业04
  • 原文地址:https://www.cnblogs.com/J-wym/p/3271818.html
Copyright © 2011-2022 走看看