我正在尝试使用以下代码将本地 JSON 数据呈现到 DOM,但它不起作用。我不确定自己做错了什么,希望得到任何帮助。
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="model-controller.js"></script>
</head>
<body>
<button id="clickMe" style="background-color: #000; color: white;" onClick="myObj()">Click ME</button>
</div>
<div id="demo"></div>
</body>
</html>
模型 Controller .js
var myObj = JSON.parse("item-data.json", function(data) {return data});
document.getElementById("demo").innerHTML = data;
};
myObj();
最佳答案
JSON.parse
函数获取表示 json 编码对象的字符串,而不是文件路径。
如果你需要解析一个文件你可以使用jquery来访问该文件
$.getJSON('item-data.json', function(data) {
document.getElementById("demo").innerHTML = data;
});
或者使用 vanilla javascript 获取文件的内容,然后 JSON.parse
它:
var request = new XMLHttpRequest();
request.open("GET", "item-data.json", false);
request.send(null)
var json_obj = JSON.parse(request.responseText);
document.getElementById("demo").innerHTML = json_obj;
关于javascript - 为什么JSON数据插入不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45889729/