Hogyan értheti meg egy kliens, hogy a szerverről származó adatok eljutottak a böngészőbe?

A kliens böngészője megérti, hogy a szerverről származó adatok a következő jelek alapján kerültek küldésre:

1. HTTP státuszkód: Sikeres HTTP státuszkódú válasz fogadása (pl. 200 OK).
2. HTTP fejléc: A Content-Length fejléc jelenléte és elemzése (a válasz testének méretét jelzi) vagy a Transfer-Encoding: chunked (adatfolyamhoz).
3. Választörzs: A HTTP válasz törzsének fogadása, amely tartalmazza a kért adatokat (HTML, JSON, képek stb.).
4. DOM események: AJAX kérések esetén (pl. XMLHttpRequest vagy Fetch API használatával) a megfelelő események kiváltása (onload, onreadystatechange a readyState == 4 és status == 200 esetén).
5. Hálózati kapcsolat állapota: A TCP kapcsolat lezárása az összes adat fogadása után (ha nem használunk állandó kapcsolatot).

Példa az XMLHttpRequest használatára:

// Példa az adatok fogadásának kezelésére JavaScriptben
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);

xhr.onload = function() {
  if (xhr.status === 200) {
    // Az adatok sikeresen megérkeztek és feldolgozásra kerültek
    console.log('Megérkezett adatok:', xhr.responseText);
  } else {
    // Hiba történt
    console.error('Hiba az adatok lekérdezése során:', xhr.statusText);
  }
};

xhr.onerror = function() {
  // Hálózati hiba
  console.error('Hálózati hiba');
};

xhr.send();