Javascript 为什么JSON数据插入不正确_Javascript_Json

Javascript 为什么JSON数据插入不正确

javascript json

Javascript 为什么JSON数据插入不正确,javascript,json,Javascript,Json,我试图使用以下代码将本地JSON数据呈现给DOM，但它不起作用。我不确定我做错了什么，希望能得到任何帮助 HTML <!doctype html> <html> <head> <meta charset="utf-8"> <title>Untitled Document</title> <script src="model-controller.js"></script> </head>

我试图使用以下代码将本地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>

函数获取表示json编码对象的字符串，而不是文件路径

如果需要解析文件，可以使用jquery访问该文件

$.getJSON('item-data.json', function(data) {         
    document.getElementById("demo").innerHTML = data; 
});

或者使用vanilla javascript获取文件内容，然后

JSON.parse

it:

   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;

JSON.parse

将给定字符串解析为JS对象。但它不加载外部文件

您要做的是使用例如或获取文件

jQuery.get（'https://api.coinbase.com/v2/prices/spot?currency=USD“，（数据）=>{
$（'#result'）.text（JSON.stringify（data，null，2））；
} );

这将获取数据，解析数据，并将其插入到div id“demo”中？基本上是：）明白了。感谢您的回复。获取与onclick关联的函数相关的“预期函数”错误。你知道为什么吗？你是否将我答案中的代码封装在一个函数中，并调用该函数onclick？
   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;