如何使用javascript获取api以显示数据?
我试图用javascript构建一个API,从这个URL获取json数据:img,a,c。但下面的代码返回了一个错误 application.js:10未捕获(承诺中)类型错误:如何使用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()
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
表示允许将请求发送到其他域-。我不知道如果没有它,你会怎么做。嗨,莫斯,我明白你的意思,在这种情况下,你建议如何找到基本路径?