静态网页与动态网页

静态网页和动态网页

• 静态网页：可以直接通过HTML文档所在的请求获取所有内容。

• 动态网页：部分内容在HTML文档，部分内容在xhr请求的响应内容中，加载过程是分步完成的。

我们可以通过 xhr 类型的请求找到我们想要的内容。

AJAX

AJAX 是一套综合了多项技术的网页开发技术，它的核心是 XMLHttpRequest 对象（以下简称 XHR）。

其最大的优势就是在不刷新页面的情况下，通过 XHR 向服务器请求数据，然后插入到页面中进行呈现。

JSON

JSON 是一种轻量级的数据交换方式，占用字符数量极少，特别适合用在互联网传递中。

目前很多编程语言都支持 JSON 格式的文本，我们可以简单归纳一下 JSON 文本的数据结构：

1）大括号{ }和其中的数据组成 {key1: value1, key2: value2, key3: value3...} 的字典结构；
2）方括号[ ]和其中的数据组成 [元素 1, 元素 2, 元素 3...] 的列表结构；

JSON 由字典结构和列表结构自由组合而成，多次嵌套后，依然结构清晰，是数据交换的极佳方式。

正因如此，当我们从 JSON 文本中提取数据时，需要重点关注它的嵌套方式。

我们一般通过 Preview 观察 JSON 文本的嵌套方式，下面就来看看评论区信息有怎样的结构。

如果数据是字典结构，浏览器会将每一个键值对分行展示，并按照键的英文首字母重新排列；
如果数据是列表结构，浏览器会将各个列表元素按照索引的顺序分行展示，并把元素对应的索引设置为键，元素设置为值。

response.json()

作用：将响应的 JSON 格式文本转换为字典

示例：