Pobieranie danych z API IMGW i wyświetlanie na stronie

[kubekow]

Witam, czy jest mi ktoś w stanie  wytłumaczyć na przykładzie/rozpisać kod pobierania danych z api JSON na stronę przez jQuery? (Nie ogarniam tego wcale)  Chodzi o api z tej strony https://danepubliczne.imgw.pl/api/data/synop/id/12495

Z góry dziękuję.

[orkin]

Prosta sprawa. jQuery ma taką metodę get (dokumentacja) , która odpytuje się wybranego adresu o dane.

Metoda przyjmuje kilka argumentów, ale w sumie interesują Cię tylko dwa. Pierwszy, to adres strony (w Twoim przypadku https://danepubliczne.imgw.pl/api/data/synop/id/12495), a drugi to callback, czyli funkcja, która zostanie uruchomiona od razu po uzyskaniu danych z adresu. Callback przyjmuje argument zawierający pobrane dane. Dane te są w takiej postaci w jakiej byłī podawane na stronie. W tym przypadku jest to JSON, czyli aby wykorzystać te dane będzie trzeba je jeszcze przeparsować na obiekt metodą parse obiektu JSON.

Kodzik będzie wyglądał jakoś tak:

Cytat

$.get('https://danepubliczne.imgw.pl/api/data/synop/id/12495', function (dane) {

  dane = JSON.parse(dane);

});