14-11-2026, 16:49
JavaScript'te fetch ile API isteği: async/await örneği#1
Tarayıcıda sunucudan veri almak için fetch kullanılır.
GET isteği
POST isteği
Dikkat
GET isteği
KOD
async function kullanicilariGetir() {
try {
const cevap = await fetch('/api/kullanicilar');
if (!cevap.ok) throw new Error('Sunucu hatası: ' + cevap.status);
const veri = await cevap.json();
console.log(veri);
} catch (hata) {
console.error('İstek başarısız', hata);
}
}POST isteği
KOD
await fetch('/api/mesaj', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ metin: 'Merhaba' })
});Dikkat
- fetch HTTP hata kodlarında (404, 500) hata fırlatmaz; cevap.ok kontrolü gerekir.
- Başka bir alan adına istek atarken CORS kuralları devreye girer.
- Hassas bilgileri (anahtar, şifre) istemci tarafı koda yazmayın.
Kullanıcıya bekleme ve hata durumlarını göstermek, uygulamanın daha profesyonel hissettirmesini sağlar.
HepOyuncu.com — DDoS korumalı CS 1.6 · CS2 & CS:GO · TeamSpeak 3 sunucu kiralama