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

更新时间：2023年07月14日 08:48:51 作者：FLy_鹏程万里

这篇文章主要介绍了关于JSON的定义以及如何使用，JSON 的名称中虽然带有JavaScript，但这是指其语法规则是参考JavaScript对象的，而不是指只能用于JavaScript语言,需要的朋友可以参考下

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 代码，然后通过点击一个按钮来查看结果：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<h2>JavaScript 创建 JSON 对象</h2>
<p>
网站名称: <span id="jname"></span><br /> 
网站地址: <span id="jurl"></span><br /> 
网站 slogan: <span id="jslogan"></span><br /> 
</p>
<script>
var JSONObject= {
    "name":"菜鸟教程",
    "url":"www.runoob.com", 
    "slogan":"学的不仅是技术，更是梦想！"
};
document.getElementById("jname").innerHTML=JSONObject.name 
document.getElementById("jurl").innerHTML=JSONObject.url 
document.getElementById("jslogan").innerHTML=JSONObject.slogan
</script>
</body>
</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的定义内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

网页收藏夹显示ICO图标（代码少）
在添加网页到收藏夹之后会看到一个漂亮的图标，很好奇是怎么实现的呢？下面小编就给大家讲解下网页收藏夹显示ICO图标（代码少），有需要的小伙伴可以来参考下
2015-08-08
JavaScript基础之this指向
这篇文章主要介绍了浅谈JavaScript this指向以及修改指向，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-11-11
JavaScript DOM 学习第五章表单简介
在这一章我主要介绍一些用来检测用户输入的代码，利用这些代码，你也可以写一些自己的检测函数。
2010-02-02
javascript XMLHttpRequest对象全面剖析
通过不必把Web页面寄送到服务器而实现数据传送，XMLHttpRequest对象为客户端与服务器之间提供了一种动态的交互能力。
2010-04-04
常用的JS验证和函数汇总
本文是将个人整理收集的一些js验证函数，都是经常能够用到的，非常实用的代码，这里分享给有相同需求的小伙伴。
2014-12-12
详解JavaScript的Polymer框架中的通知交互
这篇文章主要介绍了详解JavaScript的Polymer框架中的通知交互,Polymer是由Google开发的针对Web UI的前端框架,需要的朋友可以参考下
2015-07-07
简单了解JavaScript作用域
这篇文章主要介绍了JavaScript作用域的相关资料，文中讲解非常细致，代码帮助大家更好的理解和学习，感兴趣的朋友可以了解下
2020-07-07
Javascript this 函数深入详解
这篇文章主要介绍了Javascript this 函数深入详解的相关资料,这里详细讨论了this 的用法，需要的朋友可以参考下
2016-12-12
ECMAScript6快速入手攻略
本文译自 Github 上的一篇文章，目的是对还不太熟悉 ES6语法的同学做一个简单的扫盲。下面一起来学习。
2016-07-07
javascript实现dom元素可拖动
HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。
2016-03-03