我这里有一个不太典型的 JSON ( https://github.com/conde-nast-international/cnid-tech-tests/blob/master/data/article.json )，我试图在 HTML 页面上非常简单地内联显示它，就像正常的文本和照片一样。
我正在 HTML 文件中嵌入 JavaScript/jQuery，但它似乎不起作用。有人知道我做错了什么吗？预先感谢您!
HTML(JavaScript):
<html>
<head>
<meta charset="utf-8">
<title>JSON Articles</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="article.json"></script>
</head>
<body>
<div id="output" style="width:100px; text-align:center;">
</div>
<script>
$.ajax({
url:"http://localhost:8888/json-article/article.json",
method:"GET",
success:function(data){
for(var object in objectJson){
$("#output").text("id="+object.id + "title"+object.title + "body"+object.body + "cover"+object.cover);
}
}
});
</script>
</body>
</html>
最佳答案
<script>
$.ajax({
url:"Your json url",
method:"GET",
success:function(data){
$("#output").text(data);
}
});
</script>
关于javascript - 如何从文件中获取 JSON 数据以显示在 HTML 页面上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45614791/