js读取本地json文件
时间: 2023-09-22 20:12:19 浏览: 117
js读取本地文件的实例
5星 · 资源好评率100%
要读取本地JSON文件,可以使用JavaScript中的XMLHttpRequest对象或fetch函数。以下是一个使用XMLHttpRequest对象读取本地JSON文件的示例:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function () {
if (xhr.readyState === 4 && xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
console.log(data);
}
};
xhr.send();
```
这将使用XMLHttpRequest对象从名为“data.json”的本地JSON文件中获取数据并将其转换为JavaScript对象。要使用fetch函数执行相同的操作,请使用以下代码:
```javascript
fetch('data.json')
.then(response => response.json())
.then(data => console.log(data));
```
这将使用fetch函数从名为“data.json”的本地JSON文件中获取数据并将其转换为JavaScript对象。
阅读全文