Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/api/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 访问api子链接_Javascript_Api_Fetch - Fatal编程技术网

Javascript 访问api子链接

Javascript 访问api子链接,javascript,api,fetch,Javascript,Api,Fetch,我目前是一名学生,正在从事一个从api读取数据并将其写入页面的项目。我试图进入这个api的一部分,在那里我可以得到一些图像的url。以前,我只使用非常简单的API,并且总是使用点表示法来获取数据及其内部部分。到目前为止,我使用点符号“data.\u embedded”得到了“\u embedded”部分。但我不知道如何进入那个写着“ua:item”的部分。我最终需要访问“移动”部分才能访问图像url。顺便说一下,这是一个React项目,如果它对这个特定问题有任何影响的话。提前多谢 如果您有一些奇

我目前是一名学生,正在从事一个从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)
        })
      }