Попытка навигации по API, не может пройти первый слой

Question

Я новичок в этом, и последние пару вопросов, которые я задал, похоже, недостаточно подробны, поэтому я собираюсь попробовать этот с как можно большим количеством деталей.

Я пытаюсь попрактиковаться в навигации по 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);
    }
});

Консоль говорит, что не определено.Я посмотрел повсюду, как это исправить, но ничего не работает.Я уверен, что это что-то простое, что мне не хватает, но я понятия не имею, что это такое.

Answer 1

Из того, что я вижу, ваши данные - это массив, а не объект 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>