Json 使用fetch的API-无法读取未定义的属性“forEach”_Json_Api_Foreach_Fetch Api

Json 使用fetch的API-无法读取未定义的属性“forEach”

json api

Json 使用fetch的API-无法读取未定义的属性“forEach”,json,api,foreach,fetch-api,Json,Api,Foreach,Fetch Api,我正在尝试使用API从《权力的游戏》节目中选取所有角色的名字。我尝试过多种方法，但都失败了。现在它说的是TypeError：当我尝试使用其他API时，无法读取undefined的属性“forEach”，并且它可以工作。我不知道该怎么办。以下是我目前的代码： <body> <h1>Game of thrones</h1> <select> <option id="characters"></optio

我正在尝试使用API从《权力的游戏》节目中选取所有角色的名字。我尝试过多种方法，但都失败了。现在它说的是TypeError：当我尝试使用其他API时，无法读取undefined的属性“forEach”，并且它可以工作。我不知道该怎么办。以下是我目前的代码：

<body>
    <h1>Game of thrones</h1>
    <select>
        <option id="characters"></option>
</select>
    <script>
        fetch('https://api.got.show/api/general/characters/')
            .then(data => data.json())
            .then(data_json => {
                console.log(data_json)
                show(data_json)
            })
            .catch(err => alert(`Ha habido un error. ${err}`))

        let show = data_json => {
            data_json.results.forEach((element, index) => {
                document.getElementById('characters').innerHTML += `<option class""character">${element.name}</option>`;
            });
        }
    </script>
</body>

我试着自己调用API。看起来data_json有两个属性book和show，但没有结果

对于show函数，请尝试以下代码段：

let show = data_json => {
  data_json.show.forEach((element, index) => {
    document.getElementById('characters').innerHTML += `<option class="character">${element.name}</option>`;
  });
}

非常感谢你！现在它肯定显示了结果，剩下的就要工作了！祝其他人好运！