欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

【代码笔记】Web-JavaScript-JavaScript JSON

程序员文章站 2024-01-22 19:44:16
一,效果图。 二,代码。 JavaScript JSON

为JSON字符串创建对象

一,效果图。

【代码笔记】Web-JavaScript-JavaScript JSON

二,代码。

【代码笔记】Web-JavaScript-JavaScript JSON
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>javascript json</title>
</head>

<body>
    <h2>为json字符串创建对象</h2>
    <p id="demo"></p>
    <script>
    var text = '{"employees":[' +
        '{"firstname":"john","lastname":"doe" },' +
        '{"firstname":"anna","lastname":"smith" },' +
        '{"firstname":"peter","lastname":"jones" }]}';

    obj = json.parse(text);
    document.getelementbyid("demo").innerhtml = obj.employees[1].firstname + " " + obj.employees[1].lastname;
    </script>
</body>

</html>
【代码笔记】Web-JavaScript-JavaScript JSON

 

参考资料:《菜鸟教程》