如何使用javascript获取api以显示数据?

如何使用javascript获取api以显示数据?,javascript,api,fetch,Javascript,Api,Fetch,我试图用javascript构建一个API,从这个URL获取json数据:img,a,c。但下面的代码返回了一个错误 application.js:10未捕获(承诺中)类型错误:data.forEach不是函数 (为什么未定义forEach方法)您能帮忙吗?谢谢 var results=document.getElementById(“结果”); 取回(“https://www.mangaeden.com/api/list/0/") .then(response=>response.json()

我试图用javascript构建一个API,从这个URL获取json数据:img,a,c。但下面的代码返回了一个错误

application.js:10未捕获(承诺中)类型错误:
data.forEach
不是函数

(为什么未定义
forEach
方法)您能帮忙吗?谢谢

var results=document.getElementById(“结果”);
取回(“https://www.mangaeden.com/api/list/0/")
.then(response=>response.json())
。然后((数据)=>{
data.forEach((结果)=>{
const movies='
  • '+result.a+''+result.c+'

  • '; 结果:插入相邻TML(“之前”,电影); }); });
    {
    “a”:“首条启示录历险记”,
    “c”:[
    “冒险”,
    “戏剧”,
    “心理”,
    “科幻小说”,
    “塞宁”,
    “生命的一部分”,
    “悲剧”
    ],
    “h”:156,
    “i”:“5c410d31719a16035a4647cc”,
    “im”:“4a/4A1F2A595E0E84E62F6CEDDF394627447892CA99E8DF86BC6511B6E.png”,
    “ld”:1547822837.0,
    “s”:2,
    “t”:“首条启示录冒险”
    },
    
    响应不是一个数组(
    []
    ),而是一个对象(
    {}
    ),对象没有方法
    forEach
    。我猜您是想对条目运行
    forEach
    ,在本例中,它位于
    data.manga

    var results=document.getElementById(“结果”);
    取回(“https://www.mangaeden.com/api/list/0/", {
    模式:“cors”
    })
    .then(response=>response.json())
    。然后((数据)=>{
    data.manga
    .filter(movie=>movie.c.includes('Action')| | movie.c.includes('Adventure'))
    .slice(0,10).forEach((结果)=>{
    const movies='
  • '+result.a+''+result.c+'

  • '; 结果:插入相邻TML(“之前”,电影); }); });
      响应不是数组(
      []
      ),而是对象(
      {}
      ),对象没有方法
      forEach
      。我猜您是想对条目运行
      forEach
      ,在本例中,它位于
      data.manga

      var results=document.getElementById(“结果”);
      取回(“https://www.mangaeden.com/api/list/0/", {
      模式:“cors”
      })
      .then(response=>response.json())
      。然后((数据)=>{
      data.manga
      .filter(movie=>movie.c.includes('Action')| | movie.c.includes('Adventure'))
      .slice(0,10).forEach((结果)=>{
      const movies='
    • '+result.a+''+result.c+'

    • '; 结果:插入相邻TML(“之前”,电影); }); });

        因为您的数据是一个对象,而不是一个数组。这是响应吗?当我检查时,它的回答是这样的:
        {“end”:-1,“manga”:[{“a”:“joshiraku”,“c”:[“喜剧”,“shournen”,“生活片段],“h”:0,“I”:“5bfdd0ff719a162b3c196677”,“im”:“4e/4E55AEDA6BA2044EB2762124688B61E74F24880515E71827F1E2C4.png”,“ld”:1543389646.0,“s”:2,“t”:“Joshiraku”},]}
        @jornsharpe最末端的
        可能表示它是数组的元素。然而,在这种情况下,说它是“Json文件:”并不完全正确。@tevemadar,如果它是一个数组,你就不会得到它error@MoshFeu对这是响应。当我进行简单提取但不显示时。因为您的数据是对象,而不是数组。这是响应吗?当我检查时,它的回答是这样的:
        {“end”:-1,“manga”:[{“a”:“joshiraku”,“c”:[“喜剧”,“shournen”,“生活片段],“h”:0,“I”:“5bfdd0ff719a162b3c196677”,“im”:“4e/4E55AEDA6BA2044EB2762124688B61E74F24880515E71827F1E2C4.png”,“ld”:1543389646.0,“s”:2,“t”:“Joshiraku”},]}
        @jornsharpe最末端的
        可能表示它是数组的元素。然而,在这种情况下,说它是“Json文件:”并不完全正确。@tevemadar,如果它是一个数组,你就不会得到它error@MoshFeu对这是回应。当我做了简单的获取,但没有显示。嗨,莫斯谢谢回答!虽然图像没有显示,但有没有办法显示它?另外,模式:“cors”做什么?A.json中的路径是相对的(例如,不包括域)。如果你知道基本路径,这是可以做到的
        cros
        表示允许将请求发送到其他域-。我不知道如果没有这个,它对你有什么作用。嗨,莫斯,我理解你的意思,在这种情况下,你建议如何找到基本路径?嗨,莫斯,谢谢你的回答!虽然图像没有显示,但有没有办法显示它?另外,模式:“cors”做什么?A.json中的路径是相对的(例如,不包括域)。如果你知道基本路径,这是可以做到的
        cros
        表示允许将请求发送到其他域-。我不知道如果没有它,你会怎么做。嗨,莫斯,我明白你的意思,在这种情况下,你建议如何找到基本路径?