我正在尝试加载本地 JSON 文件，但它不起作用。这是我的 JavaScript 代码（使用 jQuery）：
var json = $.getJSON("test.json");
var data = eval("(" +json.responseText + ")");
document.write(data["a"]);
test.json 文件：
{"a" : "b", "c" : "d"}
什么也没有显示，Firebug 告诉我那data是未定义的。在 Firebug 中，我可以看到json.responseText并且它很好且有效，但是当我复制该行时很奇怪：
var data = eval("(" +json.responseText + ")");
在 Firebug 的控制台中，它可以工作并且我可以访问数据。
有没有人有办法解决吗？
$.getJSON 是异步的，所以你应该这样做：
$.getJSON("test.json", function(json) {
console.log(json); // this will show the info it in firebug console
});
如果您想让用户选择本地 json 文件（文件系统上的任何位置），则以下解决方案有效。
它使用 FileReader 和 JSON.parser（没有 jquery）。
<html>
<body>
<form id="jsonFile" name="jsonFile" enctype="multipart/form-data" method="post">
<fieldset>
<h2>Json File</h2>
<input type='file' id='fileinput'>
<input type='button' id='btnLoad' value='Load' onclick='loadFile();'>
</fieldset>
</form>
<script type="text/javascript">
function loadFile() {
var input, file, fr;
if (typeof window.FileReader !== 'function') {
alert("The file API isn't supported on this browser yet.");
return;
}
input = document.getElementById('fileinput');
if (!input) {
alert("Um, couldn't find the fileinput element.");
}
else if (!input.files) {
alert("This browser doesn't seem to support the `files` property of file inputs.");
}
else if (!input.files[0]) {
alert("Please select a file before clicking 'Load'");
}
else {
file = input.files[0];
fr = new FileReader();
fr.onload = receivedText;
fr.readAsText(file);
}
function receivedText(e) {
let lines = e.target.result;
var newArr = JSON.parse(lines);
}
}
</script>
</body>
</html>
这是关于 FileReader 的一个很好的介绍：http ://www.html5rocks.com/en/tutorials/file/dndfiles/
如果您正在寻找快速而肮脏的东西，只需将数据加载到 HTML 文档的头部即可。
数据.js
var DATA = {"a" : "b", "c" : "d"};
索引.html
<html>
<head>
<script src="data.js" ></script>
<script src="main.js" ></script>
</head>
...
</html>
主文件
(function(){
console.log(DATA); // {"a" : "b", "c" : "d"}
})();
我应该提到你的堆大小（在 Chrome 中）大约是 4GB，所以如果你的数据大于这个，你应该找到另一种方法。如果您想检查其他浏览器，请尝试以下操作：
window.performance.memory.jsHeapSizeLimit / 1024 / 1024 / 1024 + " GBs"
// "4.046875 GBs"