Come può un client capire che i dati dal server sono stati inviati al browser?

Il browser del client comprende che i dati dal server sono stati inviati dai seguenti segnali:

1. Codice di stato HTTP: Ricezione di una risposta con un codice di stato HTTP di successo (ad esempio, 200 OK).
2. Intestazioni HTTP: Presenza e analisi delle intestazioni Content-Length (che indica la dimensione del corpo della risposta) o Transfer-Encoding: chunked (per il streaming dei dati).
3. Corpo della risposta: Ricezione del corpo della risposta HTTP contenente i dati richiesti (HTML, JSON, immagini, ecc.).
4. Eventi DOM: Nel caso di richieste AJAX (ad esempio, usando XMLHttpRequest o Fetch API), l'attivazione degli eventi corrispondenti (onload, onreadystatechange con readyState == 4 e status == 200).
5. Stato della connessione di rete: Chiusura della connessione TCP dopo aver ricevuto tutti i dati (se non si utilizza una connessione persistente).

Esempio di utilizzo di XMLHttpRequest:

// Esempio di gestione della ricezione dei dati in JavaScript
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);

xhr.onload = function() {
  if (xhr.status === 200) {
    // Dati ricevuti e elaborati con successo
    console.log('Dati ricevuti:', xhr.responseText);
  } else {
    // Si è verificato un errore
    console.error('Errore nel recupero dei dati:', xhr.statusText);
  }
};

xhr.onerror = function() {
  // Errore di rete
  console.error('Errore di rete');
};

xhr.send();