首页在html中如何或许本地文件的json，并且路径是可以自己配置的

在html中如何或许本地文件的json，并且路径是可以自己配置的

时间: 2024-02-01 19:13:27 浏览: 19

可以使用JavaScript中的XMLHttpRequest对象来获取本地JSON文件，然后将其解析为JavaScript对象。以下是一段示例代码： ```html <!DOCTYPE html> <html> <head> <title>加载本地JSON文件</title> <script> function loadJSON(callback) { var xobj = new XMLHttpRequest(); xobj.overrideMimeType("application/json"); xobj.open('GET', 'path/to/your/json/file.json', true); xobj.onreadystatechange = function () { if (xobj.readyState == 4 && xobj.status == "200") { callback(xobj.responseText); } }; xobj.send(null); } function init() { loadJSON(function(response) { var actual_JSON = JSON.parse(response); console.log(actual_JSON); }); } window.onload = init; </script> </head> <body>  </body> </html> ``` 在上面的代码中，我们通过XMLHttpRequest对象将本地JSON文件加载到了JavaScript中，然后通过JSON.parse()方法将其解析为JavaScript对象。其中，路径可以根据实际情况进行配置，只需要将'path/to/your/json/file.json'替换成你本地JSON文件的路径即可。