时间戳

首页 > 解决方案 > Axios 获取在浏览器中显示的请求

javascript - Axios 获取在浏览器中显示的请求

问题描述

axios.get("https://swapi.co/api/people")
    .then(response => {
        for(let i = 0; i < response.data.length; i++){
            const h1 = document.createElement('h1')
            h1.textContent = response.data[i].name
            document.body.appendChild(h1)
        }
    })
    .catch(error => console.log(error))

我正在尝试获取此 api 链接以在浏览器中创建一个列表，显示名称。我已经让它与来自 VSchool 的免费 api 一起工作，我可以使用 Post 请求创建自己。但现在我有 Swapi 在那里展示星球大战角色，什么都不会显示。我对这一切的逻辑并没有改变。我错过了什么吗？谢谢

标签： javascripthtmlapi

解决方案

您使用了不正确的响应格式。添加 response.results 而不是 response.data -

axios.get("https://swapi.co/api/people")
.then(response => {
    for(let i = 0; i < response.results.length; i++){
        const h1 = document.createElement('h1')
        h1.textContent = response.results[i].name
        document.body.appendChild(h1)
    }
})
.catch(error => console.log(error))

推荐阅读