GET isteği
- React Native kursu
- Orta seviye
- Ders 37/116
- 5 dk
fetch ile GET isteği yapmayı öğrenirsin.
GET isteği nedir?
GET, bir kaynağı sunucudan okumak için kullanılan HTTP yöntemidir. fetch'in varsayılan yöntemi GET'tir; yani fetch(url) yazdığında otomatik olarak GET isteği yapar. Açıkça belirtmek istersen fetch(url, { method: "GET" }) yazabilirsin.
GET isteği sunucudan veri alır; sunucuda değişiklik yapmaz. Bu yüzden listeleme, arama, profil görüntüleme gibi işlemler için uygundur. Yeni veri eklemek için POST, silmek için DELETE, güncellemek için PUT kullanılır. GET isteğinin parametreleri URL'in sonuna eklenir: ?userId=1 gibi. Bu parametrelere query string denir. GET istekleri tarayıcı tarafından önbelleğe alınabilir; bu yüzden sık değişmeyen veriler için uygundur.
URL ve query string
GET isteğinde parametreler URL'e eklenir. Bu parametrelere query string denir; ? işaretiyle başlar ve & ile ayrılır. Örnek: https://api.example.com/users?role=admin&active=true.
Query string, sunucuya filtreleme ya da arama bilgisi verir. Sunucu bu parametrelere bakarak uygun veriyi döndürür. URL uzunluğu tarayıcı ve sunucuda bir üst sınıra sahiptir; bu yüzden çok uzun veriyi query string ile göndermek uygun değildir. Büyük veri için POST kullanılır. URL'deki özel karakterler (boşluk, Türkçe harf) encodeURIComponent ile kodlanmalıdır. Bu, boşluğu %20 gibi güvenli bir dizeye çevirir. fetch'in URL'i düzgün kodlanmış olmalıdır; aksi halde istek başarısız olabilir.
Uygulama GET ile kullanıcı iste
Bir ProfileLoader bileşeni yaz. fetch("https://api.example.com/users/1") çağrısını bir const promise'a ata. promise.then(response => console.log(response.status)) çağrısını ekle. Bileşen null döndürsün.
Başlangıç kodu
// fetch'i çağır
function ProfileLoader() {
// fetch ile 1 numaralı kullanıcıya GET isteği yap
// promise.then ile yanıt durum kodunu konsola yaz
return null;
}Örnek çözüm
function ProfileLoader() {
const promise = fetch("https://api.example.com/users/1");
promise.then(response => console.log(response.status));
return null;
}Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 GET yöntemini açıkça yaz
fetch(url, { method: "____" });fetch(url, { method: "GET" });Açıklama: GET yöntemi veriyi sunucudan okur.
2 Kavramı rolüne eşle
| Kavram | Anlamı |
|---|---|
GET |
Veriyi okur |
POST |
Yeni veri ekler |
query string |
URL parametreleri |
URL |
İstek adresi |
3 fetch'in varsayılan HTTP yöntemi nedir?
fetch("https://api.example.com/users");- DELETE
- GET Doğru cevap
- POST
- PUT
Açıklama: fetch'in varsayılan yöntemi GET'tir.