javascript - 无法从控制台日志中的 api "undefined"请求数据

Question

我尝试从公共(public) api 获取一些数据，但我的控制台日志中不断出现“未定义”。

这是我迄今为止尝试过的

const api_url = 'https://wger.de/api/v2/exercise/?format=json&page=29';

async function getExercises() {
    const response = await fetch(api_url);
    const data = await response.json();
    console.log(data.name);

}
getExercises();

你看到我做错了什么了吗？预先感谢您。

Answer 1

您正在尝试访问不存在的属性。 如果您将代码更改为

const api_url = 'https://wger.de/api/v2/exercise/?format=json&page=29';

async function getExercises() {
    const response = await fetch(api_url);
    const data = await response.json();
    console.log(data);

}
getExercises();

您会发现返回的响应中不包含 name 属性。

您想要做什么来获取该对象数组的名字。

const api_url= 'https://wger.de/api/v2/exercise/?format=json&page=29';

            async function getExercises(){
                const response = await fetch(api_url);
                const data = await response.json();
                console.log(data.results[0].name); // <- results is an array and each item in that array has a name property inside it.

            }
            getExercises();

要获取所有名称，您可以这样做

const api_url= 'https://wger.de/api/v2/exercise/?format=json&page=29';

            async function getExercises(){
                const response = await fetch(api_url);
                const data = await response.json();
                data.results.forEach( item => console.log(item.name))

            }
            getExercises();