美文网首页
JavaScript基础-03-json解析

JavaScript基础-03-json解析

作者: 玄德公笔记 | 来源:发表于2022-07-18 22:35 被阅读0次

    示例

    • 代码
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>玄德公记事</title>
    </head>
    <body>
    
    <h2>为 JSON 字符串创建对象</h2>
    <p id="demo"></p>
    <script>
    var text = '{ "persons" : [' +
        '{ "name":"关羽" , "email":"guanyu@xishu.com" },' +
        '{ "name":"张飞" , "email":"zhangfei@xishu.com" },' +
        '{ "name":"赵云" , "emaill":"zhaoyun@xishu.com" } ]}';
        
    obj = JSON.parse(text);
    document.getElementById("demo").innerHTML = obj.persons[1].name + ": " + obj.persons[1].email;
    </script>
    
    </body>
    </html>
    

    getElementById:根据指定的 id 属性值得到对象

    • 结果输出
    image.png
    image.png

    相关文章

      网友评论

          本文标题:JavaScript基础-03-json解析

          本文链接:https://www.haomeiwen.com/subject/tqgfvrtx.html