简单使用JSON,JavaScript中创建 JSON 对象(一)

weixin_30788619

于 2013-08-21 08:07:00 发布

阅读量50

点赞数

文章标签： json javascript ViewUI

原文链接：http://www.cnblogs.com/J-wym/p/3271817.html

版权

JSON：JavaScript 对象表示法（JavaScript Object Notation）。

JSON 是存储和交换文本信息的语法。类似 XML。

JSON 比 XML 更小、更快，更易解析。

简单使用JSON

新建立json.html

<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>

打开显示：

转载于:https://www.cnblogs.com/J-wym/p/3271817.html

weixin_30788619

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单使用JSON,JavaScript中创建 JSON 对象(一)

JSON：JavaScript 对象表示法（JavaScript Object Notation）。 JSON 是存储和交换文本信息的语法。类似 XML。 JSON 比 XML 更小、更快，更易解析。简单使用JSON 新建立json.html <html> <body> <h2> 在 ...
复制链接

扫一扫