关于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的定义内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家！

您可能感兴趣的文章:

javascript学习指南之回调问题
回调函数被认为是一种高级函数，一种被作为参数传递给另一个函数(在这称作"otherFunction")的高级函数，回调函数会在otherFunction内被调用(或执行)。回调函数的本质是一种模式(一种解决常见问题的模式)，因此回调函数也被称为回调模式。
2016-04-04
js作用域及作用域链概念理解及使用
作用域链是由于js的变量都是对象的属性，而该对象可能又是其它对象的属性，而所有的对象都是window对象的属性，所以这些对象的关系可以看作是一条链
2013-04-04
javascript开发技术大全－第3章 js数据类型
字符串类型（string) ：由unicode字符、数字、标点符号组成，在javascript中没有char字符类型，即使只表示一个字符，也必须用到字符串
2011-07-07
JavaScript 学习笔记（九）call和apply方法
两者实现的功能是完全一样的，只是参数传递方式不一样，call是将各个参数以逗号（,）隔开，而apply是将所有参数组成一个数组进行传递。
2010-01-01
JavaScript中各数制转换全面总结
这篇文章主要介绍了JavaScript中各数制转换,利用toString的基模式来进行转换,对数字调用 toString(10) 与调用 toString() 它们返回的区别和相同之处等等都在本文中提及，具体操作步骤大家可查看下文的详细讲解，感兴趣的小伙伴们可以参考一下。
2017-08-08
ie和firefox中img对象区别的困惑
ie和firefox中img对象区别的困惑...
2006-12-12
javascript中new关键字详解
本文给大家详细介绍了下javascript中new关键字的使用方法，以及javascript 使用new关键字的区别，有需要的小伙伴可以参考下。
2015-12-12
Javascript学习笔记之函数篇（三） : 闭包和引用
本系列好久没更新了，今天重新拿过来，继续前面未完成的事项，本文我们就来谈谈Javascript 中一个最重要的特性--闭包的使用引用。
2014-11-11
JavaScript中用于生成随机数的Math.random()方法
这篇文章主要介绍了JavaScript中用于生成随机数的Math.random()方法,是JS入门学习中的基础知识,需要的朋友可以参考下
2015-06-06
详解TS数字分隔符和更严格的类属性检查
这篇文章主要介绍了TS数字分隔符和更严格的类属性检查，对TS感兴趣的同学，可以参考下
2021-05-05