Javascript 导入数组的特定部分

所以我一直在做这个项目。我是一个非常初学者，到目前为止，我花了大约30个小时看视频和阅读，只写了30行。全脑冻结。 这是一个显示FN一致性目标的主页，然后点击滴度来显示更详细的部分。不多也不少复杂。就文本而言，CSS根本不是问题

有了这个，我成功地通过控制台记录了标题，尽管所有标题都在一个数组中混乱不堪。 表现得像：

[{"code":"1","title":"End poverty in all its forms everywhere","description":"Goal 1 calls for an end to poverty in all its manifestations, including extreme poverty, over the next 15 years. All people everywhere, including the poorest and most vulnerable, should enjoy a basic standard of living and social protection benefits.","url":"/v1/sdg/Goal/1"},
{"code":"2","title": '...'}]

不断地。 谁能帮帮我吗

function getGoalList(GoalList) {
    fetch(URL_API)
    .then( res => {
        return res.json()
    })
    .catch(error = console.log('wrong'))
    console.log(URL_API)
}

function fetchData() {
    fetch("https://unstats.un.org/SDGAPI/v1/sdg/Goal/List?uncludechildren=true")
    .then(response => {
        return response.json();
    })
    .then(data => {
        console.log(data)
        document.getElementById('myDiv').innerHTML = `<h1> ${data} </h1> `
        console.log("test test " + JSON.stringify(data))
        for (var i =0; i < data.length; i++){


        }
    })
}
fetchData();

函数getGoalList（GoalList）{ 获取（URL\u API） 。然后（res=>{ return res.json（） }) .catch（错误=console.log（'error'）） console.log（URL\u API） } 函数fetchData（）{ 取回（“https://unstats.un.org/SDGAPI/v1/sdg/Goal/List?uncludechildren=true") 。然后（响应=>{ 返回response.json（）； }) 。然后（数据=>{ console.log（数据） document.getElementById（'myDiv'）。innerHTML=`${data}` log（“测试”+JSON.stringify（数据）） 对于（变量i=0；i

---

---

求你了

您正在尝试将

div

的

innerHTML

设置为以下对象数组：

document.getElementById('myDiv').innerHTML = `<h1> ${data} </h1> `

---

希望这能解决问题。

您从网站获取的json数据基本上是包含标题、代码、说明、uri的javascript对象数组

  {
    "code": "1",
    "title": "title you want",
    "description": "description you want",
    "uri": "/v1/sdg/Goal/1"
  }

要访问这些属性，可以调用对象（例如

obj

）并调用

obj.title

，

obj.code

等

要访问数组中的所有标题和描述，可以循环数组中的每个对象，并检索项目所需的数据

我已经包含了一个使用您提供的代码的示例，希望它能在您的项目中帮助您

函数getGoalList（GoalList）{ 获取（URL\u API） 。然后（res=>{ return res.json（） }) .catch（错误=console.log（'error'）） console.log（URL\u API） } 函数fetchData（）{ 取回（“https://unstats.un.org/SDGAPI/v1/sdg/Goal/List?uncludechildren=true") 。然后（响应=>{ 返回response.json（）； }) 。然后（数据=>{ log（“json对象的一个示例”）

---

console.log（数据[0]）//我不清楚您有什么问题您在获取数据url的查询参数中输入了“uncludechildren”而不是“includechildren”，这只是一个很小的问题。如果没有id和滴度，仍然无法打印。欢迎这样做！请使用{}格式化您的示例响应部分编辑模式下的符号以简化阅读。getGoalList用于什么，至少不是从fetchData调用的。还有，它是您希望从每个目标（总共17个）中获得的标题和/或描述吗？是的，TYVM！我得到了“目标/滴度”在控制台中排序很好，现在我只需要在html上打印它们。你能帮我吗？正如我说的，我是一个完全的初学者，花了和写行一样多的时间，如果不是更多的话，我就是无法克服这个树洞，我明天就有一个截止日期，如果你想为每个标题创建一个h1元素：data.map（element=>{let el=document.createElement（h1）；el.innerHTML=element.title；body.appendChild（el）；}）

  {
    "code": "1",
    "title": "title you want",
    "description": "description you want",
    "uri": "/v1/sdg/Goal/1"
  }