gpt4 book ai didi

javascript - 如何从文件中获取 JSON 数据以显示在 HTML 页面上

转载 作者:行者123 更新时间:2023-12-03 03:41:16 26 4
gpt4 key购买 nike

我这里有一个不太典型的 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com