从前端和 CORS 获取数据答案

【问题标题】：Getting Data from the Frontend & CORS从前端和 CORS 获取数据
【发布时间】：2021-12-16 13:43:52
【问题描述】：

我被 udemy 的一个带有 django 和 api 调用的小演示项目困住了。我在 main.js 中有这个，我想获取对象数组，而不仅仅是控制台中的 json 列表。

let projectsUrl = 'http://127.0.0.1:8000/api/projects/'

let getProjects = () => {
   
    fetch(projectsUrl)
        .then(response => response.json())
        .then(data => {
            console.log(data)
            buildProjects(data)
        })
   
}

let buildProjects = (projects) => {
    
    let projectsWrapper = document.getElementById('testz')

    for (let i = 0; projects.lenght > i; i++){
        let project = projects[i]
        console.log(project)
    }
}


getProjects()

结果：

Console Log

结果应该是这样的：

Console Log

【问题讨论】：

需要提供 JSON 文件的内容以查看该文件中的内容。此外，for 循环中有一个错字。它应该是“projects.length”而不是“projects.lenght”

标签： javascript django api

【解决方案1】：

有错别字。

改变

projects.lenght

到

projects.length

【讨论】：

谢谢 Yasin，我盯着显示器看了 2 个小时才发现错字。