Ders 12Fetch/XHR nedir?Konu ve yapılacaklar
Sayfayı getiren istek (document) ile sayfanın içindeki veriyi getiren istekler ayrıdır. JavaScript bu veri isteklerini iki yolla yapar: eski XMLHttpRequest (XHR) ve yeni fetch. Network'teki Fetch/XHR filtresi yalnızca bunları gösterir ve yanıtları çoğunlukla JSON'dur.
- Fetch/XHR filtresini seçip sayfayı yenileyin; iki istek kalır.
- Type sütununda birinin fetch, diğerinin xhr olduğunu gösterin.
- Her ikisinin Response sekmesinde JSON döndüğünü gösterin.
Alıştırma · Fetch/XHR filtresi
Sayfayı açan istek başka, veriyi getiren istek başka
Bu sayfanın HTML'i tek bir document isteğiyle geldi. Aşağıdaki iki kutunun verisi ise sonradan, iki ayrı istekle geldi: soldaki fetch(), sağdaki XMLHttpRequest ile.
fetch En ucuz 5 inşaat kalemi
| Ürün | Şehir | Fiyat |
|---|---|---|
| Yükleniyor… | ||
xhr Şehir listesi
| Şehir | Kod | Enlem, boylam |
|---|---|---|
| Yükleniyor… | ||