React Native
GET isteği
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.
Örnek çözümü göster
function ProfileLoader() {
const promise = fetch("https://api.example.com/users/1");
promise.then(response => console.log(response.status));
return null;
}
Kendini test et
-
GET yöntemini açıkça yaz
fetch(url, { method: "____" });
Cevabı göster
fetch(url, { method: "GET" });
-
Kavramı rolüne eşle
- GET
- Veriyi okur
- POST
- Yeni veri ekler
- query string
- URL parametreleri
- URL
- İstek adresi
-
fetch'in varsayılan HTTP yöntemi nedir?
fetch("https://api.example.com/users");
Cevabı göster
GET — fetch'in varsayılan yöntemi GET'tir.
Sıradaki ders: async/await
