Как клиент может понять, что данные с сервера были отправлены в браузер?

Клиентский браузер понимает, что данные с сервера отправлены, по следующим признакам:

1. HTTP-статус код: Получение ответа с успешным HTTP-статусом (например, 200 OK).
2. Заголовки HTTP: Присутствие и анализ заголовков Content-Length (указывает размер тела ответа) или Transfer-Encoding: chunked (для потоковой передачи данных).
3. Тело ответа: Получение тела HTTP-ответа, содержащего запрошенные данные (HTML, JSON, изображения и т.д.).
4. События DOM: В случае AJAX-запросов (например, с использованием XMLHttpRequest или Fetch API), срабатывание соответствующих событий (onload, onreadystatechange с readyState == 4 и status == 200).
5. Состояние сетевого соединения: Закрытие TCP-соединения после получения всех данных (если не используется постоянное соединение).

Пример использования XMLHttpRequest:

// Пример обработки получения данных в JavaScript
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);

xhr.onload = function() {
  if (xhr.status === 200) {
    // Данные успешно получены и обработаны
    console.log('Данные получены:', xhr.responseText);
  } else {
    // Произошла ошибка
    console.error('Ошибка при получении данных:', xhr.statusText);
  }
};

xhr.onerror = function() {
  // Ошибка сети
  console.error('Ошибка сети');
};

xhr.send();