首页 > 解决方案 > 试图通过 API 导航,无法通过第一层

问题描述

我是新手,我问的最后几个问题似乎没有足够的细节,所以我将尽可能详细地尝试这个问题。

我正在尝试练习通过 API 导航,以便可以使用 underscore.js 构建应用程序。我有我的代码:

$.ajax({
    url: 'https://jsonplaceholder.typicode.com/posts',
    type: 'GET',
    success: function(data) {
        console.log(data);
    }
 });

现在可以了。我可以在控制台中看到数据,但如果我尝试更深入地了解数据。

$.ajax({
    url: 'https://jsonplaceholder.typicode.com/posts',
    type: 'GET',
    success: function(data) {
        console.log(data.title);
    }
});

控制台说未定义。我已经到处寻找如何解决这个问题,但没有任何效果。我确定这是我想念的简单的东西,但我不知道它是什么。

标签: javascriptajax

解决方案


据我所知,您的数据是一个数组,它不是一个 json 对象。这就是为什么您在尝试访问标题时未定义的原因试试这个:

for(var i=0; i<data.length; i++) {
   console.log(data[i].title);
}

请打开下面的代码片段以查看一个工作示例。

$.ajax({
  url: 'https://jsonplaceholder.typicode.com/posts',
  type: 'GET',
  success: function(data) {
    for (var i = 0; i < data.length; i++) {
      console.log(data[i].title);
    }
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>


推荐阅读