Javascript 如何从返回JSON的服务加载数据并使用jQuery创建内容？

我是JS的初学者。。所以我向你们伸出援手，希望有人能启发我！：）

我得到了一个JSON链接，列出了很多信息，我必须使用这个JSON链接中的至少2条信息创建一个html

我已经在html中导入了我的样式表（+脚本），并在我的script.js中进行了编码：

$.getJSON('myjsonlink', function(json) {
  console.log(json);
});

如果你们中有人有时间帮我，那就太棒了！事先非常感谢你。

---

雅典娜。

读取数据和呈现数据的方式几乎没有问题：

响应中没有

鸣人

属性，而是

结果

img

不是有效属性，应改为

image\u url

让我们修复它：

$（'#获取数据'）。单击（函数（）{
var showData=$（“#显示数据”）；
$.getJSON（'https://api.jikan.moe/v3/search/anime?q=naruto，函数（数据）{
var naruto=data.results；
for（var i=0；i'+''+anime.synosis+'
'+'+'；
append（html）；
}
});
});

加载数据
读取数据和呈现数据的方式几乎没有问题：

响应中没有
鸣人
属性，而是
结果
img
不是有效属性，应改为
image\u url
让我们修复它：
$（'#获取数据'）。单击（函数（）{
var showData=$（“#显示数据”）；
$.getJSON（'https://api.jikan.moe/v3/search/anime?q=naruto，函数（数据）{
var naruto=data.results；
for（var i=0；i'+''+anime.synosis+'
'+'+'；
append（html）；
}
});
});

加载数据
您是否尝试过从JSON响应中读取任何内容，并根据这些内容更新HTML内容？能否分享您希望如何显示来自api或JSON链接的数据？像structure@Athena如果我很理解这个问题，你想从JSON文件中获取数据，并用它更新或添加html（网页）内容data@Rilla没错！但是，当我试图根据我从课程中了解的内容编写代码时，什么都没有显示。@NikhilSingh我想做一些非常简单的事情（然后用css进行样式化）。我必须展示动画《火影忍者》的世界，因此，基本上，它将是一个标题H1，可能是一个交互式按钮来加载数据，然后只是动画的图像、标题和概要（在json链接中列出）。我不知道我是否很清楚。。我希望您有没有尝试过从JSON响应中读取任何内容，并根据这些内容更新HTML内容？您能分享一下您希望如何显示来自api或JSON链接的数据吗？像structure@Athena如果我很理解这个问题，你想从JSON文件中获取数据，并用它更新或添加html（网页）内容data@Rilla没错！但是，当我试图根据我从课程中了解的内容编写代码时，什么都没有显示。@NikhilSingh我想做一些非常简单的事情（然后用css进行样式化）。我必须展示动画《火影忍者》的世界，因此，基本上，它将是一个标题H1，可能是一个交互式按钮来加载数据，然后只是动画的图像、标题和概要（在json链接中列出）。我不知道我是否很清楚。。我希望我应该使用一个或“cardcontainer”来显示json数据。。。？我不知道，我想我有一个问题，如何具体创建我的“div类卡”来加载并最终显示我的数据…@Athena如果你复制并粘贴准确的代码，它应该可以正常工作。我不确定您使用
卡
或
卡容器
是什么意思，这取决于您的样式表和CSS类。没有固定/预定义的类。我复制粘贴了代码，但当我单击网页上的“加载数据”按钮时，什么也没有发生。我应该怎么做才能显示json链接的数据？你能在JSFIDLE中共享你的代码吗？如果您在stackoverflow上运行代码段，它将按预期加载和工作！我是否应该使用或“cardcontainer”来显示json数据。。。？我不知道，我想我有一个问题，如何具体创建我的“div类卡”来加载并最终显示我的数据…@Athena如果你复制并粘贴准确的代码，它应该可以正常工作。我不确定您使用
卡
或
卡容器
是什么意思，这取决于您的样式表和CSS类。没有固定/预定义的类。我复制粘贴了代码，但当我单击网页上的“加载数据”按钮时，什么也没有发生。我应该怎么做才能显示json链接的数据？你能在JSFIDLE中共享你的代码吗？如果您在stackoverflow上运行代码段，它将按预期加载和工作！