Chris Stegeman | Jan 31, 2023

js32b | API JSON HTML

Voorkennis:

  • JS basis

Doelen:

  • Leren hoe je een function in JS maakt die met AJAX data uit een API ophaalt
  • Leren hoe je een function maakt die json als data binnenkrijgt en die HTML teruggeeft
  • Leren dat AJAX, asynchroon werkt en hoe je daarmee om kan gaan

opdracht

Bekijk deze handleiding

  • bestudeer de workflow en kijk hoe je vanuit een API, JSON ophaalt en deze tot een HTML-table verwerkt
  • bekijk hoe bij de rode letters dit duurt even een probleem ontstaat
  • kopieer het script (met uitgebreide uitleg) en zorg dat beide methoden op jouw site werken
  • Gebruik een andere API (zie vorige opdracht) en haal andere gegevens op
  • Gebruik i.p.v. de Fetch API, nu Axios om de AJAX-request uit te voeren