js调用jsonData.json文件
时间: 2024-10-13 08:04:27 浏览: 38
json库.rar 应用 json文件读写
在JavaScript中,如果你有一个名为`jsonData.json`的文件,通常你可以使用XMLHttpRequest对象或者fetch API来读取这个JSON数据。以下是两种常见的方法:
1. 使用XMLHttpRequest:
```javascript
var xhr = new XMLHttpRequest();
xhr.open("GET", "jsonData.json", true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var jsonData = JSON.parse(xhr.responseText);
// 现在你可以操作jsonData变量了
}
};
xhr.send();
```
2. 使用fetch API:
```javascript
fetch("jsonData.json")
.then(response => response.json())
.then(jsonData => {
// jsonData现在是一个JavaScript对象,你可以直接操作它
})
.catch(error => console.error("Error:", error));
```
在这两个例子中,`jsonData`都是解析后的JSON数据,你可以通过键值对的方式访问和处理其中的数据。
阅读全文