Hoe kan een client begrijpen dat gegevens van de server naar de browser zijn verzonden?

De clientbrowser begrijpt dat gegevens van de server zijn verzonden door de volgende tekenen:

1. HTTP-statuscode: Ontvangst van een antwoord met een succesvolle HTTP-status (bijvoorbeeld 200 OK).
2. HTTP-headers: Aanwezigheid en analyse van de headers Content-Length (geeft de grootte van de antwoordbody aan) of Transfer-Encoding: chunked (voor streaminggegevens).
3. Antwoordlichaam: Ontvangst van het HTTP-antwoordlichaam dat de gevraagde gegevens bevat (HTML, JSON, afbeeldingen, enz.).
4. DOM-evenementen: In het geval van AJAX-verzoeken (bijvoorbeeld met XMLHttpRequest of Fetch API), het activeren van de juiste gebeurtenissen (onload, onreadystatechange met readyState == 4 en status == 200).
5. Netwerkstatus: Sluiten van de TCP-verbinding na het ontvangen van alle gegevens (indien geen persistentieverbinding wordt gebruikt).

Voorbeeld van gebruik van XMLHttpRequest:

// Voorbeeld van het verwerken van gegevensontvangst in JavaScript
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);

xhr.onload = function() {
  if (xhr.status === 200) {
    // Gegevens succesvol ontvangen en verwerkt
    console.log('Ontvangen gegevens:', xhr.responseText);
  } else {
    // Er is een fout opgetreden
    console.error('Fout bij het ophalen van gegevens:', xhr.statusText);
  }
};

xhr.onerror = function() {
  // Netwerkfout
  console.error('Netwerkfout');
};

xhr.send();