Fetch api odczyt JSON

Question

Cześć, mam takie pytanie i problem 

 

Błąd : Dlaczego ciągle w 3 linijce pokazuje błąd, przecież jest dobrze?

Pytanie : Co mam dodać do response.json(); abym mógł odczytać zawartość JSona zawartego w fetch?

Kod:

fetch('http://api.nbp.pl/api/exchangerates/tables/a/?format=json')
    .then(resp => {
        .then(resp => { //tutaj wyskakuje błąd
            if (resp.ok) {
                return response.json()
            } else {
                return Promise.reject(resp)
            }
        })
        .then(resp => {
            console.log(resp)
        })
        .catch(error => {
            if (error.status === 404) {
                console.log('Błąd: żądany adres nie istnieje');
            }
        });
    });

 

Answer 1

Dlaczego ciągle w 3 linijce pokazuje błąd, przecież jest dobrze?

Um, nie, ewidentnie wygląda to źle.

    .then(resp => {
        .then(resp => { //tutaj wyskakuje błąd

Jakby to zwinąć do jednej linii:

    .then(resp => { .then(resp => {

Po prostu z jakiegoś powodu dodałeś o jedną warstwę .then() za dużo. Wystarczy usunąć tą zewnętrzną.

Answer 2

Bo to nie jest prawidłowy JS, powinno być:

 

fetch('http://api.nbp.pl/api/exchangerates/tables/a/?format=json')
  .then((resp) => {
    if (resp.ok) {
      return resp.json();
    }

    return Promise.reject(resp);
  })
  .then((resp) => {
    console.log(resp);
  })
  .catch((error) => {
    if (error.status === 404) {
      console.log('Błąd: żądany adres nie istnieje');
    }
  });