Javascript 访问api子链接
我目前是一名学生,正在从事一个从api读取数据并将其写入页面的项目。我试图进入这个api的一部分,在那里我可以得到一些图像的url。以前,我只使用非常简单的API,并且总是使用点表示法来获取数据及其内部部分。到目前为止,我使用点符号“data.\u embedded”得到了“\u embedded”部分。但我不知道如何进入那个写着“ua:item”的部分。我最终需要访问“移动”部分才能访问图像url。顺便说一下,这是一个React项目,如果它对这个特定问题有任何影响的话。提前多谢Javascript 访问api子链接,javascript,api,fetch,Javascript,Api,Fetch,我目前是一名学生,正在从事一个从api读取数据并将其写入页面的项目。我试图进入这个api的一部分,在那里我可以得到一些图像的url。以前,我只使用非常简单的API,并且总是使用点表示法来获取数据及其内部部分。到目前为止,我使用点符号“data.\u embedded”得到了“\u embedded”部分。但我不知道如何进入那个写着“ua:item”的部分。我最终需要访问“移动”部分才能访问图像url。顺便说一下,这是一个React项目,如果它对这个特定问题有任何影响的话。提前多谢 如果您有一些奇
如果您有一些奇怪的东西,因为它们是JSON中的键值,您可以使用方括号,如下所示:
componentDidMount = () => {
fetch('https://api.teleport.org/api/urban_areas/?embed=ua:item/ua:images')
.then(response => response.json())
.then(data => {
console.log(data)
this.setState({
images: data
})
console.log(this.state.images._embedded)
})
}
收益率:jsonstring
每当您得到只有一项的方括号(数组)时,索引为0,您可以再次使用数组表示法:[0]
就你而言:
JSON.parse('{this:{is-a{JSON:"jsonstring"}}')["this"]["is-a"].JSON
我还分享了请求结果的尖叫镜头_embedded[“ua:item”][0]_embedded[“ua:item”]。photos[0]。image.mobileIt如果我们看不到您的代码,则很难帮助您调试代码。我刚刚将代码添加到帖子中,我现在正在使用console.log进行尝试,看看是否可以使其正常工作。@sissonb此sytax正在运行,非常感谢!没问题!您可以通过单击复选标记接受答案,或通过单击侧面的向上按钮进行向上投票!这样做会奖励回答问题的人,并帮助后来的人检查应该查看哪个答案。
componentDidMount = () => {
fetch('https://api.teleport.org/api/urban_areas/?embed=ua:item/ua:images')
.then(response => response.json())
.then(data => {
console.log(data)
this.setState({
images: data
})
console.log(this._embedded["ua:item"][0]. _embedded["ua:item"].photos[0].image.mobile)
})
}