HTTP headers

Headers oluşturmayı ve istekte Accept, Content-Type gibi başlıkları göndermeyi öğrenirsin.

Başlıklar ne işe yarar?

HTTP başlıkları istek ve yanıt hakkında ek bilgi taşır. Sunucuya hangi tür yanıtı kabul ettiğini, gönderdiğin verinin türünü ya da kimlik bilgilerini başlıkla bildirirsin.

const headers = new Headers();
headers.set('Accept', 'text/html');

Başlıkları bir Headers nesnesiyle ya da düz bir nesne olarak yazabilirsin. Accept istemcinin kabul ettiği türleri, Content-Type ise gönderilen gövdenin türünü belirtir. Başlıklar küçük-büyük harfe duyarsızdır; yazım fark etmez.

fetch'e başlık ekleme

Bir fetch çağrısına başlık eklemek için ikinci parametre olarak bir seçenek nesnesi verirsin. Bu nesnenin headers özelliği başlıkları taşır.

const response = await fetch(url, {
  headers: { Accept: 'text/html' }
});

İkinci parametre aynı zamanda method, body gibi diğer seçenekleri de alır. Yalnızca headers gerekmiyorsa diğerlerini yazmazsın. Sunucu bu başlıklara bakarak yanıtı uygun türde gönderir.

Uygulama Başlık ekle ve yanıt türünü oku

url değişkeni bir adresi tutuyor. İkinci parametre olarak { headers: { Accept: 'text/html' } } vererek bir fetch isteği yap ve yanıtı response değişkenine al. Sonra response.headers.get('Content-Type') değerini console.log ile yazdır.

Örnek çözümü göster

const response = await fetch(url, {
  headers: { Accept: 'text/html' }
});
console.log(response.headers.get('Content-Type'));

Kendini test et

Hangi başlık sunucuya kabul ettiğin türü söyler?
```
// A
Content-Type
// B
Authorization
// C
Accept
// D
User-Agent
```
- A
- B
- C
- D
Cevabı göster

C — Doğru! Accept başlığı istemcinin kabul ettiği türleri listeler.
Başlıkları anlamlarıyla eşleştir

Accept

İstemcinin kabul ettiği türler
Content-Type

Gönderilen gövdenin türü
Authorization

Kimlik bilgileri

Accept başlığını ekle

const response = await fetch(url, {
  headers: { ____: 'text/html' }
});

Cevabı göster

const response = await fetch(url, {
  headers: { Accept: 'text/html' }
});

Sıradaki ders: POST istekleri

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler