要使用 HTML 读取 JSON 文件，需要：创建 JavaScript 对象解析 JSON 字符串；使用 JavaScript 访问 JSON 数据，包括属性、数组元素和嵌套对象。
如何使用 HTML 读取 JSON 文件
要使用 HTML 读取 JSON 文件，可以使用以下步骤：
1. 创建一个 JavaScript 对象以解析 JSON
const obj = JSON.parse(jsonString);
其中 jsonString 是包含 JSON 数据的字符串。
立即学习“前端免费学习笔记（深入）”；
移动端无限滚动加载瀑布流
下载
里面有2个文件夹。其中这个文件名是:finishing，是我项目还没有请求后台的数据的模拟写法。请求后台数据之后，瀑布流的js有一点点变化，放在文件名是：finished。变化在于需要穿参数到后台，和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的，所以如果你要进行测试，在hbuilder打开项目就可以看到效果啦，或者是火狐浏览器。
2. 使用 JavaScript 访问 JSON 数据
解析 JSON 字符串后，可以使用 JavaScript 访问其中的数据。以下是一些示例：
// 访问 JSON 对象的属性 console.log(obj.name); // 访问 JSON 数组的元素 console.log(obj[0]); // 访问 JSON 嵌套对象 console.log(obj.nested.value);
示例代码：
其他注意事项：
- JSON 数据必须是有效的 JSON 格式。
- 如果 JSON 数据包含特殊字符，可能需要对字符串进行转义。
- 可以使用
XMLHttpRequest或fetchAPI 从服务器端获取 JSON 数据。
