javascript - 为什么我不能从 marvel 读取这个 web api？

Question

我一直在使用 web api，它一直很好。现在我正在尝试使用 Marvel 的 api，但出现错误。这是我一直用于所有网络 API 的代码

 function getPosts(){
         fetch('http://gateway.marvel.com/v1/public/comics?ts=1&apikey=b5dd158dd0e856443db7fb726fbc6bc9&hash=80182fcb24c6426319114b9e34eafed6')
         .then((res) => res.json())
         .then((info) => {
             let output = '<h2 class="mb-4"> Posts </h2>';
             info.forEach(function(post){
                 output +=  `
                 <div class="card card-body mb-3">
                     <h3>${post.data.results.title}</h3>
                 </div>                                
                 `;
             });
             document.getElementById('output').innerHTML = output;
         })
     }

这是我得到的错误

Answer 1

您需要访问结果的实际数组。
您正在将 forEach 应用于一个对象，forEach 仅对数组进行操作 mdn docs
实际数组在 info.data.results

示例，显示标题:

 function getPosts(){
     fetch('//gateway.marvel.com/v1/public/comics?ts=1&apikey=b5dd158dd0e856443db7fb726fbc6bc9&hash=80182fcb24c6426319114b9e34eafed6')
     .then((res) => res.json())
     .then((info) => {
        info.data['results'].forEach( data => {
          console.log(data.title);
        });
     })
 }