Begrip: fetch

De fetch methode kan gebruik worden om informatie op te halen of weg te schrijven naar een API.

De methode heeft één verplichte parameter, de URL die aangeroepen moet worden. Verder kan optioneel een HTTP-methode (GET, POST, PUT, PATCH, DELETE), body of header toegevoegd worden.

fetch(
    'http://example.com',
    {
        // OPTIONEEL: De HTTP-methode, GET is de default.
        method: 'GET',
        // OPTIONEEL: De body van het request.
        // Enkel beschikbaar voor POST, PUT en PATCH. 
        // Meestal een JSON-Object, maar kan ook een Blob of FormData zijn. 
        body: JSON.stringify({}),
        // OPTIONEEL: Extra HTTP-headers. 
        headers: {
            'Content-Type': 'application/json',
            'Api-Key': 'amkqjq24lnsfnpiohz1',
        },
    },
)

Het resultaat van een fetch-call is steeds een promise van een Response object. Het result-object heeft onder andere volgende properties:

• status: De HTTP Status Code, 200 voor success, 500 voor een internal server error, ...
• text(): Een methode die het antwoord verwerkt en teruggeeft als een promise van plain-text.
• json(): Een methode die het antwoord verwerkt en teruggeeft als een promise van een JavaScript object.
• blob(): Een methode die het antwoord verwerkt en teruggeeft als een promise van een blob (een binary large object). Dit kan bijvoorbeeld gebruikt worden voor afbeeldingen, pdf bestanden, Word bestanden, ...