Json学习与实例

最新推荐文章于 2023-02-08 22:09:56 发布

于爱林

最新推荐文章于 2023-02-08 22:09:56 发布

阅读量122

点赞数

本文链接：https://blog.csdn.net/pifeng8010/article/details/118162510

版权

本文介绍了JSON（JavaScript Object Notation）的基本概念和语法规则，包括名称/值对、对象和数组的表示。通过示例展示了如何在JavaScript中创建和操作JSON对象，并提到了JSON文件的MIME类型和应用场景。此外，还讨论了JSON作为数据交换格式在前后端通信中的重要性。

摘要由CSDN通过智能技术生成

Json简介

JSON 使用 JavaScript 语法来描述数据对象，但是 JSON 仍然独立于语言和平台。

语法规则

JSON语法是JavaScript对象表示语法的子集：

数据在名称/值对中；
数据由逗号分隔；
大括号“{}”保存对象；
中括号“[]”保存数组，数组可以包含多个对象。

JSON 名称/值对

"firstName" : "John"

等价于这条 JavaScript 语句：

firstName = "John"

JSON 值可以是：

数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在方括号中）
对象（在花括号中）
null

JSON 对象

JSON 对象在花括号中书写：
对象可以包含多个名称/值对：

 { "firstName":"John" , "lastName":"Doe" }

它与下面这个JavaScript等价

firstName = "John"
lastName = "Doe"

JSON 数组

JSON 数组在方括号中书写：
数组可包含多个对象：

{
"employees": [
{ "firstName":"赵" , "lastName":"延" },
{ "firstName":"安" , "lastName":"雅文" },
{ "firstName":"宋" , "lastName":"金晶" }
]
}

对象 “employees” 是包含三个对象的数组。每个对象代表一条关于某人（有姓和名）的记录。

JSON 使用 JavaScript 语法

<body>
<h2>JavaScript 创建 JSON 对象</h2>
<p>第一个网站名称: <span id="name1"></span></p> 
<p>第一个网站修改后的名称: <span id="name2"></span></p> 

<script>
var sites = [
	{ "name":"runoob" , "url":"www.runoob.com" }, 
	{ "name":"google" , "url":"www.google.com" }, 
	{ "name":"微博" , "url":"www.weibo.com" }
];

document.getElementById("name1").innerHTML=sites[0].name;
// 修改网站名称
sites[0].name="菜鸟教程";
document.getElementById("name2").innerHTML=sites[0].name;
</script>

</body>

运行结果如下：