Jak skorzystać z API od NBP?

Question

Dzień dobry!

W ramach nauki API chciałem zrobić prosty kalkulatorek pokazujący ile gramów złota mozna kupić za podaną kwotę. Trochę mi się juz udało, ale nie mogę się odwołać do tej wartości (cena: 253.96). W ogóle mi to co widzę w konsoli nie wygląda na json...Co robię źle i jak "wydobyć" tę cenę złota?

Bardzo dziękuję za każdą pomoc!



 

const input = document.querySelector(".basic__input");
const confirmButton = document.querySelector(".basic__confirm");
const img = document.querySelector(".basic__img");

const goldAmount = document.querySelector(".gold__amount");
const usdAmount = document.querySelector(".usd__amount");
const eurAmount = document.querySelector(".eur__amount");

const URL = 'http://api.nbp.pl/api/cenyzlota';

let pln;
let goldPrize;
let goldAmountContent;

const calculate = () => {
    fetch(URL)
        .then(res => res.json())
        .then(data => console.log(data[0]))
};

confirmButton.addEventListener("click", calculate());

 

Comments

Z tego co pamiętam w api nbp, żeby otrzymać jsona trzeba dodać ?format=json na końcu url.

---

@El Lirón,   API jest doskonale opisane, jest sporo przykładów.

Skorzystaj z linku:

http://api.nbp.pl/api/cenyzlota/last/30/?format=json

I masz wszystko.

 

 

---

api nbp

Answer 1

Użyj w linku https zamiast http

przykład  [ on-line ]

const URL1 = 'https://api.nbp.pl/api/cenyzlota/';
const URL2 = 'https://api.nbp.pl/api/cenyzlota/?format=json';

const calculate = (url) => {
  fetch(url)
    .then(res => res.json())
    .then(data => {
    cenaZlota = data[0].cena;
    document.querySelector('pre').textContent += `Cena złota: ${cenaZlota}pln\n`;
  })
    .catch(error => {
    console.error('Wystąpił błąd podczas pobierania danych:', error);
  });
};

calculate(URL1);
calculate(URL2);

 

Comments

To ciekawe, bo u mnie bez https wyrzuca pięknie ostatnich 30 cen złota (link powyżej).

---

A u Mnie przeglądarka blokuje, pomimo, że nic specjalnie nie ustawiałem w ustawieniach przeglądarki w tej kwestii.

http - błąd
Mixed Content

---

Chrome i FF w Ubuntu wyświetlają elegancko JSON-a.

Ale kiedyś spotkałem się z tym co piszesz w scraperach.