Question

是否可以在一个HTML文件中获取JSON数据并进行解析，仅返回我选择的选定对象，然后仅使用javascript标签将其显示在网页上？

基本上，我正在尝试创建一个非常简单的网页，例如使用https://reddit.com/r/funny.json，并且仅返回帖子标题及其链接？

我没有太多的编码经验，因此在这里做了微不足道的尝试：

<!DOCTYPE html>
<html>

<head>
  <title>My webpage!</title>
</head>


<body>
  <h1>Hello, World!</h1>
  <h4 id="funny"></h4>
</body>

</html>

<script>
  let data1 = "https://reddit.com/r/funny.json"
  document.getElementById('funny').innerHTML = fetch(data1).then(response => {
    return response.json();
  }).then(data => {
    // Work with JSON data here
    console.log(data);
  }).catch(err => {
    // Do something for an error here
  });
</script>

有人能指出我正确的方向吗？

非常感谢

仅使用javascript和HTML显示JSON数据

0 个答案: