在html中如何或许本地文件的json
时间: 2024-02-01 07:13:04 浏览: 18
您可以使用JavaScript中的XMLHttpRequest对象来读取本地的JSON文件。以下是一个示例:
```
<!DOCTYPE html>
<html>
<head>
<title>读取本地JSON文件</title>
<script>
function loadJSON(callback) {
var xobj = new XMLHttpRequest();
xobj.overrideMimeType("application/json");
xobj.open('GET', 'data.json', true); // 请注意,文件路径应该是相对于HTML文件的路径
xobj.onreadystatechange = function () {
if (xobj.readyState == 4 && xobj.status == "200") {
callback(xobj.responseText);
}
};
xobj.send(null);
}
function init() {
loadJSON(function(response) {
var json = JSON.parse(response);
console.log(json);
});
}
</script>
</head>
<body onload="init()">
</body>
</html>
```
在这个示例中,我们使用了一个名为loadJSON的函数来读取本地的JSON文件。这个函数使用XMLHttpRequest对象来异步读取文件,并在读取完成后调用一个回调函数来处理JSON数据。在init函数中,我们调用了loadJSON函数并在回调函数中使用JSON.parse来解析JSON数据。您可以根据您的需求修改这个示例来读取您自己的JSON文件。