Comment un client peut-il comprendre que les données du serveur ont été envoyées au navigateur?

Le navigateur du client comprend que les données du serveur ont été envoyées par les signes suivants :

1. Code de statut HTTP : Réception d'une réponse avec un code de statut HTTP réussi (par exemple, 200 OK).
2. En-têtes HTTP : Présence et analyse des en-têtes Content-Length (indiquant la taille du corps de la réponse) ou Transfer-Encoding: chunked (pour le streaming de données).
3. Corps de la réponse : Réception du corps de la réponse HTTP contenant les données demandées (HTML, JSON, images, etc.).
4. Événements DOM : Dans le cas de requêtes AJAX (par exemple, utilisant XMLHttpRequest ou Fetch API), le déclenchement des événements correspondants (onload, onreadystatechange avec readyState == 4 et status == 200).
5. État de la connexion réseau : Fermeture de la connexion TCP après réception de toutes les données (si une connexion persistante n'est pas utilisée).

Exemple d'utilisation de XMLHttpRequest :

// Exemple de traitement de la réception de données en JavaScript
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);

xhr.onload = function() {
  if (xhr.status === 200) {
    // Données reçues et traitées avec succès
    console.log('Données reçues :', xhr.responseText);
  } else {
    // Une erreur est survenue
    console.error('Erreur lors de la récupération des données :', xhr.statusText);
  }
};

xhr.onerror = function() {
  // Erreur réseau
  console.error('Erreur réseau');
};

xhr.send();