js读取json
时间: 2023-06-30 08:12:29 浏览: 54
在 JavaScript 中,可以使用 XMLHttpRequest 对象或 fetch API 来读取 JSON 文件。还可以使用 jQuery 的 AJAX 方法来实现。
以下是使用 XMLHttpRequest 对象的示例:
```
let request = new XMLHttpRequest();
request.open('GET', 'data.json', true);
request.onload = function() {
if (request.status >= 200 && request.status < 400) {
let data = JSON.parse(request.responseText);
console.log(data);
} else {
console.error('请求出错');
}
};
request.onerror = function() {
console.error('网络错误');
};
request.send();
```
使用 fetch API 的示例:
```
fetch('data.json')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
```
使用 jQuery 的 AJAX 方法的示例:
```
$.ajax({
url: 'data.json',
dataType: 'json',
success: function(data) {
console.log(data);
},
error: function(xhr, textStatus, error) {
console.error(error);
}
});
```
以上三种方法都可以读取 JSON 文件,并将其解析为 JavaScript 对象。