JavaScript读取json文件
时间: 2024-10-11 16:14:10 浏览: 10
在JavaScript中,你可以使用`XMLHttpRequest`对象、`fetch`函数或者`async/await`配合`fs`模块(Node.js环境下)来读取JSON文件。以下是几种常见的方式:
1. XMLHttpRequest (浏览器环境):
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'path/to/your/file.json');
xhr.onload = function() {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
// 使用数据
}
};
xhr.send();
```
2. fetch (现代浏览器):
```javascript
fetch('path/to/your/file.json')
.then(response => response.json())
.then(data => {
// 使用数据
});
```
3. Node.js (async/await):
```javascript
const fs = require('fs').promises;
async function readJsonFile(path) {
try {
const jsonData = await fs.readFile(path, 'utf8');
return JSON.parse(jsonData);
} catch (error) {
console.error(error);
}
}
readJsonFile('path/to/your/file.json')
.then(data => {
// 使用数据
});
```
阅读全文