Live API-demo · Lab 1 vervolg

Landen van de wereld, live opgehaald.

Deze pagina haalt alle landen op bij de REST Countries API met JavaScript fetch() — zelfde patroon als de FreeToGame-demo, nu met een zakelijker databron: hoofdstad, regio, inwonertal, talen en valuta per land. Zoek, filter op regio en sorteer.

Landen worden opgehaald...

Hetzelfde patroon, nu in code

Deze hele pagina draait op één fetch()-call. $select/select-achtige beperking doe je hier met de response_fields-parameter — precies zoals je in Lab 1 leerde om alleen de velden op te vragen die je nodig hebt. De REST Countries API-familie werkt met een Authorization: Bearer-token per account, en limit/offset voor paginering.

// Eén GET-request: response_fields om de payload klein te houden, limit om (bijna) alles in één keer op te halen
const response = await fetch(
  "https://api.restcountries.com/countries/v5?response_fields=names.common,capitals,region,population,flag&limit=300",
  { headers: { "Authorization": `Bearer ${API_KEY}` } }
);

// JSON-response zit genest onder data.objects
const payload = await response.json();
const countries = payload.data.objects;

console.log(countries[0].names.common); // bijv. "Netherlands"