js读取js文件中的json数据
时间: 2023-05-17 17:04:12 浏览: 47
可以使用XMLHttpRequest对象来读取JSON文件中的数据,具体代码如下:
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();
其中,data.json是JSON文件的路径,可以根据实际情况进行修改。
相关问题
读取js文件中的json数据
可以使用以下代码读取js文件中的json数据:
```javascript
var xhr = new XMLHttpRequest();
xhr.open('GET', 'example.js', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var json = JSON.parse(xhr.responseText);
console.log(json);
}
};
xhr.send();
```
其中,example.js 是包含json数据的js文件的路径。这段代码使用XMLHttpRequest对象发送GET请求,获取js文件中的内容,然后使用JSON.parse()方法将json字符串转换为json对象。最后,将json对象输出到控制台。
js 中读取json文件
在 JavaScript 中,可以使用 XMLHttpRequest 或 Fetch API 来读取 JSON 文件。以下是使用 Fetch API 的示例:
```javascript
fetch('data.json')
.then(response => response.json())
.then(data => {
// 获取数据
const value = data.key;
console.log(value);
})
.catch(error => console.error(error));
```
这个示例中,我们使用 `fetch` 函数来发送 GET 请求并获取 `data.json` 文件。然后,我们使用 `response.json()` 方法将响应转换为 JSON 格式的 JavaScript 对象。最后,我们可以使用 JavaScript 对象的语法来获取我们需要的数据。在这个例子中,我们获取了键为 `key` 的值。
如果您需要支持旧版浏览器,可以使用 XMLHttpRequest 来代替 Fetch API。