HTML读取json文件
时间: 2023-09-10 20:10:43 浏览: 78
读写json文件
3星 · 编辑精心推荐
可以通过JavaScript中的Fetch API来读取JSON文件,并将其转换为JavaScript对象。以下是一个简单的示例代码:
```
fetch('example.json')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
在这个代码中,我们使用`fetch`方法来获取JSON文件。然后,我们将响应(response)转换为JSON格式,并将其打印到控制台中。如果出现任何错误,我们将在控制台中记录错误信息。
请注意,以上代码假设JSON文件是与HTML文件位于相同目录下的`example.json`文件。如果JSON文件位于其他目录中,则需要相应地更改文件路径。
阅读全文