Ders 13Network'teki bir isteği baştan sona okumakKonu ve yapılacaklar

Bir isteğe tıkladığınızda Headers sekmesi adresi, metodu, durum kodunu ve iki tarafın başlıklarını verir. Payload URL'deki sorgu parametrelerini ya da POST gövdesini, Response ham cevabı, Preview tarayıcının yorumladığı halini, Initiator ise isteği hangi kodun başlattığını gösterir.

  1. GET düğmesine basın: Request URL, Method, Status, Remote Address, Referer, User-Agent alanlarını okuyun.
  2. Payload altında Query String Parameters'ı gösterin.
  3. POST düğmesine basın: Request Payload ve Content-Type'ı okuyun.
  4. Response ile Preview farkını ve Initiator'daki dosya adını gösterin.

Alıştırma · istek anatomisi

Bir düğmeye basın, Network'te isteği açın

İki düğme de /api/yanki.php adresine istek atar. Bu uç, isteğinizde ne gördüyse aynen geri söyler; yani Network'te okuduklarınızı sunucunun gözünden doğrulayabilirsiniz.

GET Sorgu parametreleriyle

Bilgi URL'de taşınır: ?sektor=gida&sehir=izmir&adet=3

Network'te bakılacak yerler

Headers
Request URL, Request Method, Status Code, Remote Address
Request Headers
Referer, User-Agent, Accept, X-Egitim-Bolum
Payload
Query String Parameters

POST JSON gövdeyle

Bilgi gövdede taşınır: {"urun": "gida-01", "miktar": 20}

Network'te bakılacak yerler

Request Headers
Content-Type: application/json
Payload
Request Payload (view source ile ham hali)
Initiator
istek-oku.js ve satır numarası

Sunucunun gördüğü


Response sekmesi bu metnin ham halini, Preview sekmesi ise açılıp kapanan ağaç görünümünü verir.