js载入本地的json数据的代码实现
时间: 2024-02-13 21:06:01 浏览: 19
可以使用JavaScript中的XMLHttpRequest对象来加载本地的JSON数据。以下是一个简单的示例代码:
```javascript
var xhr = new XMLHttpRequest();
xhr.overrideMimeType("application/json");
xhr.open('GET', 'data.json', true);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == "200") {
var jsonData = JSON.parse(xhr.responseText);
console.log(jsonData);
}
};
xhr.send(null);
```
上述代码中,我们使用了XMLHttpRequest对象来获取本地的JSON文件(文件名为data.json)。我们首先使用XMLHttpRequest的overrideMimeType()方法来指定请求的数据类型为JSON,然后使用open()方法来指定请求的方法、URL和异步标志位。接下来,我们设置XMLHttpRequest对象的onreadystatechange事件处理程序,在响应完成且HTTP状态码为200时,使用JSON.parse()方法将JSON字符串转换为JavaScript对象,并将其打印到控制台上。
需要注意的是,由于安全限制,浏览器可能不允许直接从本地加载JSON文件,因此需要在本地服务器上运行代码,或者使用一些工具来模拟服务器环境。