Bir müşteri, sunucudan gelen verilerin tarayıcıya gönderildiğini nasıl anlayabilir?

İstemci tarayıcı, sunucudan verilerin aşağıdaki belirtilerle gönderildiğini anlar:

1. HTTP durum kodu: Başarılı bir HTTP durum kodu ile yanıt alınması (örneğin, 200 OK).
2. HTTP başlıkları: Content-Length başlığının varlığı ve analizi (yanıt gövdesinin boyutunu gösterir) veya Transfer-Encoding: chunked (akış verisi için).
3. Yanıt gövdesi: İstenen verileri içeren HTTP yanıt gövdesinin alınması (HTML, JSON, resimler vb.).
4. DOM olayları: AJAX istekleri durumunda (örneğin, XMLHttpRequest veya Fetch API kullanılarak), ilgili olayların tetiklenmesi (onload, onreadystatechange ile readyState == 4 ve status == 200).
5. Ağ bağlantısı durumu: Tüm veriler alındıktan sonra TCP bağlantısının kapanması (kalıcı bağlantı kullanılmıyorsa).

XMLHttpRequest kullanımına örnek:

// JavaScript'te veri alma işleminin örneği
const xhr = new XMLHttpRequest();
xhr.open('GET', '/api/data', true);

xhr.onload = function() {
  if (xhr.status === 200) {
    // Veriler başarıyla alındı ve işlendi
    console.log('Veriler alındı:', xhr.responseText);
  } else {
    // Bir hata oluştu
    console.error('Veri alınırken hata:', xhr.statusText);
  }
};

xhr.onerror = function() {
  // Ağ hatası
  console.error('Ağ hatası');
};

xhr.send();