翼度科技»论坛 编程开发 JavaScript 查看内容

关于JSON的定义以及如何使用

9

主题

9

帖子

27

积分

新手上路

Rank: 1

积分
27
JSON 是什么?


  • JSON,全称是 JavaScript Object Notation,即 JavaScript对象标记法。
  • JSON是一种轻量级(Light-Meight)、基于文本的(Text-Based)、可读的(Human-Readable)格式。
  • JSON 的名称中虽然带有JavaScript,但这是指其语法规则是参考JavaScript对象的,而不是指只能用于JavaScript 语言。
  • JSON无论对于人,还是对于机器来说,都是十分便于阅读和书写的,而且相比 XML(另一种常见的数据交换格式),文件更小,因此迅速成为网络上十分流行的交换格式。
  • 近年来JavaScript已经成为浏览器上事实上的标准语言,JavaScript 的风靡,与JSON 的流行也有密切的关系。
  • 因为JSON本身就是参考JavaScript 对象的规则定义的,其语法与JavaScript定义对象的语法几乎完全相同。
  • JSON格式的创始人声称此格式永远不升级,这就表示这种格式具有长时间的稳定性,10 年前写的文件,10年后也能用,没有任何兼容性问题。

JSON - 转换为 JavaScript 对象

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

在线实例

通过我们的编辑器,您可以在线编辑 JavaScript 代码,然后通过点击一个按钮来查看结果:
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>菜鸟教程(runoob.com)</title>
  6. </head>
  7. <body>
  8. <h2>JavaScript 创建 JSON 对象</h2>
  9. <p>
  10. 网站名称: <span id="jname"></span><br />
  11. 网站地址: <span id="jurl"></span><br />
  12. 网站 slogan: <span id="jslogan"></span><br />
  13. </p>
  14. <script>
  15. var JSONObject= {
  16.     "name":"菜鸟教程",
  17.     "url":"www.runoob.com",
  18.     "slogan":"学的不仅是技术,更是梦想!"
  19. };
  20. document.getElementById("jname").innerHTML=JSONObject.name
  21. document.getElementById("jurl").innerHTML=JSONObject.url
  22. document.getElementById("jslogan").innerHTML=JSONObject.slogan
  23. </script>
  24. </body>
  25. </html>
复制代码


与 XML 相同之处


  • JSON 是纯文本
  • JSON 具有"自我描述性"(人类可读)
  • JSON 具有层级结构(值中存在值)
  • JSON 可通过 JavaScript 进行解析
  • JSON 数据可使用 AJAX 进行传输

与 XML 不同之处


  • 没有结束标签
  • 更短
  • 读写的速度更快
  • 能够使用内建的 JavaScript eval() 方法进行解析
  • 使用数组
  • 不使用保留字

为什么使用 JSON?

对于 AJAX 应用程序来说,JSON 比 XML 更快更易使用:

使用 XML


  • 读取 XML 文档
  • 使用 XML DOM 来循环遍历文档
  • 读取值并存储在变量中

使用 JSON


  • 读取 JSON 字符串
  • 用 eval() 处理 JSON 字符串
到此这篇关于关于JSON的定义以及如何使用的文章就介绍到这了,更多相关JSON的定义内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

来源:https://www.jb51.net/javascript/2920795f8.htm
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

举报 回复 使用道具