尝试浏览API,无法超越第一层

时间:2018-12-07 02:13:40

标签: javascript ajax

我是新来的,我问的最后几个问题似乎没有足够的细节,因此我将尽我所能尝试尽可能多的细节。

我正在尝试练习浏览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);
    }
});

控制台显示未定义。我到处都在寻找解决方法,但是没有任何效果。我确定这是我所缺少的简单事物,但我不知道它是什么。

1 个答案:

答案 0 :(得分:0)

据我所知,您的数据是一个数组,而不是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>