Chris Stegeman | Jan 31, 2023

js32 | JSON AJAX

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.

Bekijk in deze website 4 verschillende methoden om zo'n AJAX request aan te maken.

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
biertabel