Voorkennis:
- JS basis, JSON
Doelen:
- Op halen van JSON informatie (via AJAX) uit API
- JSON data weergeven in HTML
Beschrijving
Een API kan in de Backend informatie uit een database ophalen en die terugegeven in JSON formaat.
Met Javascript kun je met AJAX die in JSON inladen en weergeven in HTML.
Dit is uitgelegd in de vorige opdracht
- Hierin zijn 2 methoden toegelicht om JSON (via AJAX) op te halen:
- via de Fetch-API van Javascript zelf (hoef je verder geen bibliotheek te gebruiken)
- via Axios: een betere, meer uitgebreide AJAX bibliotheek (wel eerst Axios JS-script inladen)
- Op deze website zijn ook de volgende methoden nog uitgelegd:
- via de Plain Javascript punt 1) (geen Fetch, geen Axios, maar meer code. Voor de Javascript puristen ;-)
- via jQuery punt 3): grote AJAX bibliotheek (inmiddels verouderd maar nog wel veel toegepast)
opdracht
- Bekijk in ieder geval punt 4) JSON laden via Axios
- Bekijk de broncode, neem deze over op je eigen site en kijk of het werkt
- Maak onderstaande tabel op met de verschillende bieren
- probeer ook plain Javascript
