API Fetch JavaScript

Interface Fetch API memungkinkan browser web mengirim permintaan HTTP ke server web.

Tidak perlu lagi XMLHttpRequest.

Dukungan browser

Angka di tabel menunjukkan versi pertama browser yang mendukung Fetch API secara penuh:

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
Juni 2011 Agustus 2016 Agustus 2015 Maret 2017 April 2015

Contoh API Fetch

Contoh di bawah ini mengambil berkas dan menampilkan konten:

Contoh

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

Coba Sendiri

Karena Fetch berdasarkan async dan await, contoh di atas ditulis seperti ini mungkin lebih mudah dipahami:

Contoh

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

Coba Sendiri

bahkan lebih baik: gunakan nama yang mudah untuk mengerti daripada x dan y:

Contoh

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

Coba Sendiri