Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

什么是 JSON?


HTML
JSON

JSON 代表 **J**ava**S**cript **O**bject **N**otation

JSON 是一种轻量级的数据存储和传输格式

JSON 通常用于在服务器和网页之间发送数据

JSON 是“自描述的”,易于理解


JSON 示例

此示例定义了一个 employees 对象:一个包含 3 个员工记录(对象)的数组

{
"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]
}

立即学习 JSON!


JSON 语法规则

  • 数据采用名称/值对的形式
  • 数据之间用逗号分隔
  • 花括号用于保存对象
  • 方括号用于保存数组

JavaScript 对象表示法

JSON 格式在语法上与创建 JavaScript 对象的代码相同。

由于这种相似性,JavaScript 程序可以轻松地将 JSON 数据转换为本机 JavaScript 对象。

JSON 语法源自 JavaScript 对象表示法语法,但 JSON 格式仅为文本。读取和生成 JSON 数据的代码可以用任何编程语言编写。



JSON 数据 - 名称和值

JSON 数据以名称/值对的形式编写,就像 JavaScript 对象属性一样。

名称/值对由一个字段名称(用双引号括起来)组成,后面跟着一个冒号,再跟着一个值

"firstName":"John"

JSON 名称需要用双引号括起来。JavaScript 名称不需要。


JSON 对象

JSON 对象用花括号括起来。

就像在 JavaScript 中一样,对象可以包含多个名称/值对

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

JSON 数组

JSON 数组用方括号括起来。

就像在 JavaScript 中一样,数组可以包含对象

"employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter", "lastName":"Jones"}
]

在上面的示例中,对象“employees”是一个数组。它包含三个对象。

每个对象都是一个人(包含姓和名)的记录。


将 JSON 文本转换为 JavaScript 对象

JSON 的常见用途是从 Web 服务器读取数据并在网页中显示数据。

为简便起见,可以使用字符串作为输入来演示。

首先,创建一个包含 JSON 语法的 JavaScript 字符串

var text = '{ "employees" : [' +
'{ "firstName":"John" , "lastName":"Doe" },' +
'{ "firstName":"Anna" , "lastName":"Smith" },' +
'{ "firstName":"Peter" , "lastName":"Jones" } ]}';

然后,使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象

var obj = JSON.parse(text);

最后,在页面中使用新的 JavaScript 对象

示例

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML =
obj.employees[1].firstName + " " + obj.employees[1].lastName;
</script>

自己尝试 »


完整 JSON 教程

这只是对 JSON 的简短描述。

有关完整的 JSON 教程,请访问 W3Schools JSON 教程.


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.