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

最新推荐文章于 2022-03-01 10:04:17 发布

Baron.Best

最新推荐文章于 2022-03-01 10:04:17 发布

阅读量730

点赞数 1

CC 4.0 BY-SA版权

文章标签： JOSN

本文链接：https://blog.youkuaiyun.com/Baronrothschlid/article/details/81743893

HTML 同时被 2 个专栏收录

2 篇文章

订阅专栏

XML

1 篇文章

订阅专栏

本文介绍了JSON（JavaScript对象表示法）的基础知识，强调了其相对于XML的优势，如更小、更快和更易解析，并通过一个简单示例展示了如何在网页中使用JSON。

最近在接触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>

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