Как получить данные по API?

Question

[Александр Максимов]

Вот такую конструкцию сделал:

let response;
  fetch('https://api.opensea.io/api/v1/bundles?owner=0x30f2449b71a67bb22e09eee89438431686189068&limit=20&offset=0')
  .then(response => response.json())
  .then(response => console.log(response))
  .then(bundles => alert(bundles[0].user.username));

Но как достать оттуда значение NFT_Boss из поля username?

Пишет ошибку:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '0')
    at (индекс):1257

Answer 1

[Чипекве]

console.log() ничего не возвращает, поэтому в следующий then() передаётся undefined

.then(response => {
  console.log(response);
  return response;
})

или

.then(response => (console.log(response), response))

Comments

[Александр Максимов]

спасибо, но получаю ошибку. Сделал так:

$(document).ready(function(){
  let response;
  fetch('https://api.opensea.io/api/v1/bundles?owner=0x30f2449b71a67bb22e09eee89438431686189068&limit=20&offset=0')
  .then(response => response.json())
  .then(response => {
      console.log(response);
      return response;
  })
  .then(response => alert(response.bundles.maker.user.username));
});

А ошибка такая: Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'user')
at (индекс):1250

[Александр Максимов]

часть вашего кода помогла. без нее точно бы не смог сделать) Спасибо)

Верный вариант кода такой:

$(document).ready(function(){
  let response;
  fetch('https://api.opensea.io/api/v1/bundles?owner=0x30f2449b71a67bb22e09eee89438431686189068&limit=20&offset=0')
  .then(response => response.json())
  .then(response => {
      console.log(response);
      return response;
  })
  .then(response => alert(response.bundles[0].maker.user.username));
});

[Чипекве]

let response; здесь не нужно.

Для console.log() не обязательно выделять свой then()

fetch('https://api.opensea.io/api/v1/bundles?owner=0x30f2449b71a67bb22e09eee89438431686189068&limit=20&offset=0')
.then(response => response.json())
.then(response => {
  console.log(response);
  alert(response.bundles[0].maker.user.username);
});

А лучше через async await:

async function getUsername() {
  const response =  await fetch('https://api.opensea.io/api/v1/bundles?owner=0x30f2449b71a67bb22e09eee89438431686189068&limit=20&offset=0');
  const result = await response.json();
  alert(result.bundles[0].maker.user.username);
}