JavaScript Fetch API

Tanım ve Kullanım

fetch() Method, sunucudan kaynak alma sürecini başlatır.

fetch() Method, Response nesnesine ayrıştırılan Promise döndürür.

İpucu:Artık XMLHttpRequest'e ihtiyaç yok.

Örnek

fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));

Kişisel olarak deneyin

Fetch, async ve await tabanlıdır. Bu örnek daha anlaşılır olabilir:

async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}

Kişisel olarak deneyin

x ve y gibi anlamsız isimler yerine anlaşılır isimler kullanın:

async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}

Kişisel olarak deneyin

Sözdizimi

fetch(file)

Parametre

Parametre Açıklama
file İsteğe bağlı. Almak istediğiniz kaynağın adı.

Dönüş değeri

Tip Açıklama
Promise Response nesnesine ayrıştırılan Promise.

Tarayıcı Desteği

fetch() Bu ECMAScript6 (ES6) özellikleridir.

Tüm modern tarayıcılar ES6 (JavaScript 2015) destekler.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Evet Evet Evet Evet Evet

Internet Explorer 11 (ve daha eski sürümler) desteklenmiyor fetch()