JavaScript JavaScript fetch API ile atılan istekler doğru mu?

533388 · 11 Aralık 2023

Merhaba fetch API ile bir get isteği attım. Bu kodda async ve awaitin amacı bir işlem başarısız olunca diğerinin çalışmasını bitirmek mi?

JavaScript:

const url = "https://jsonplaceholder.typicode.com/posts";

const getUser = async url => {
 const response = await fetch(url);
 const data = await response.json();
 console.log(data)
}

getUser(url);

Bir de bunu nasıl get değil de post işlemi olarak yaparım?

kaan.w · 11 Aralık 2023

533388 dedi:
Bu kodda async ve awaitin amacı bir işlem başarısız olunca diğerinin çalışmasını bitirmek mi?

Hayır, await eklediğiniz zaman async fonksiyon işlemin (Promise) bitmesini bekler.

533388 dedi:
Bir de bunu nasıl get değil de post işlemi olarak yaparım?

JavaScript:

const url = "https://jsonplaceholder.typicode.com/posts";

const getUser = async url => {
 const response = await fetch(url, { method: "POST" });
 const data = await response.json();
 console.log(data)
}

getUser(url);

533388 · 11 Aralık 2023

kaan.w dedi:
Hayır, await eklediğiniz zaman async fonksiyon işlemin (promise) bitmesini bekler.

Hee birbirinin bitmesini bekliyor, ama mantıken biri çalışmayınca diğerinin de yürütlmesi durmayacak mı?

kaan.w · 11 Aralık 2023

533388 dedi:
Hee birbirinin bitmesini bekliyor, ama mantıken biri çalışmayınca diğerinin de yürütlmesi durmayacak mı?

Async fonksiyon içerisi duruyor dışarısı çalışmaya devam ediyor gibi. Bu şekilde bir console log eklerseniz ilk çıktıda "log" olduğunu görebilirsiniz.

JavaScript:

getUser(url);
console.log("log");

533388 · 11 Aralık 2023

kaan.w dedi:
Async fonksiyon içerisi duruyor dışarısı çalışmaya devam ediyor gibi. Bu şekilde bir Console log eklerseniz ilk çıktıda "log" olduğunu görebilirsiniz.

JavaScript:

getUser(url); console.log("log");

Teşekkür ederim.

@kaan.w bir şey daha sormak istiyorum ben console.log'u neden getuserin altında yazınca ve getuser çalışmayınca console.log da çalışmıyor?

kaan.w · 11 Aralık 2023

533388 dedi:
@Kxaan bir şey daha sormak istiyorum ben console.log'u neden getuserin altında yazınca ve getuser çalışmayınca console.log da çalışmıyor?

Bunun için kullandığınız kodu paylaşabilir misiniz?

533388 · 11 Aralık 2023

kaan.w dedi:
Bunun için kullandığınız kodu paylaşabilir misiniz?

JavaScript:

const url = "https://jsonplaceholder.typicode.com/posts";

const getUser = async url => {
 const response = await fetch(url);
 const data = await response.json();
 console.log(data)
}

getUser(yanlisUrl);
console.log("log");

kaan.w · 11 Aralık 2023

533388 dedi:

JavaScript:

const url = "https://jsonplaceholder.typicode.com/posts";

const getUser = async url => {
 const response = await fetch(url);
 const data = await response.json();
 console.log(data)
}

getUser(yanlisUrl);
console.log("log");

Fonksiyona geliyor, tanımlanmayan değişkeni parametre olarak göndermeye çalıştığınız için getUser daha çalışmadan hata veriyor.

533388 · 11 Aralık 2023

kaan.w dedi:
Fonksiyona geliyor, tanımlanmayan değişkeni parametre olarak göndermeye çalıştığınız için getuser daha çalışmadan hata veriyor.

Ama siz şey dememiş miydiniz hata olunca Getuser'in içi çalışmayı durdurur, neden o zaman ondan sonrası devam etmedi?

kaan.w · 11 Aralık 2023

533388 dedi:
Ama siz şey dememiş miydiniz hata olunca Getuser'in içi çalışmayı durdurur

Orada küçük bir yanlış anlaşılma olmuş. Dururdan kastım hata olunca değil. İçeride işlemlerin (Promise) bitmesi beklenir.

JavaScript JavaScript fetch API ile atılan istekler doğru mu?

Ayrıntılı düzenleme

533388

Hectopat

kaan.w

Megapat

533388

Hectopat

kaan.w

Megapat

533388

Hectopat

kaan.w

Megapat

533388

Hectopat

kaan.w

Megapat

533388

Hectopat

kaan.w

Megapat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz