风雨砥砺,岁月如歌—浅析“JOSN”

最近在接触ITOO项目的过程中接触到了“JOSN”,感到很神奇,于是便做了些了解,和大家分享一下。

是什么

JSON: JavaScript Object Notation(JavaScript 对象表示法)。

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

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

JSON 是轻量级的文本数据交换格式

JOSN的特点

JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态(PHP,JSP,.NET)编程语言都支持JSON。

JSON 具有自我描述性,更易理解

JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。 由于这种相似性,无需解析器,JavaScript 程序能够使用内建的 eval() 函数,用 JSON 数据来生成原生的 JavaScript 对象。

与XML相同之处

JSON 是纯文本

JSON 具有"自我描述性"(人类可读)

JSON 具有层级结构(值中存在值)

JSON 可通过 JavaScript 进行解析

JSON 数据可使用 AJAX 进行传输

与 XML 不同之处

没有结束标签

更短

读写的速度更快

能够使用内建的

JavaScript eval() 方法进行解析

使用数组

不使用保留字

举个栗子

这个入门还是比较简单的,举一个小小的例子:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>我的计划</title>
</head>
<body>
    <h2>接下来的计划</h2>
    <p>
        计划1: <span id="j1"></span><br />
        计划2: <span id="j2"></span><br />
        计划3: <span id="j3"></span><br />
    </p>
    <script>
        var JSONObject = {
            "js1": "十年内身价千万",
            "js2": "事业爱情双丰收",
            "js3": "亲朋好友身体健康如意"
        };
        document.getElementById("j1").innerHTML = JSONObject.js1
        document.getElementById("j2").innerHTML = JSONObject.js2
        document.getElementById("j3").innerHTML = JSONObject.js3
    </script>

</body>
</html>

就得到了我们想要的效果:

猜你喜欢

转载自blog.csdn.net/Baronrothschlid/article/details/81743893