API Fetch JavaScript

Definisi dan penggunaan

fetch() Metode memulai proses mengambil sumber daya dari server.

fetch() Metode mengembalikan Promise yang diubah menjadi objek Response.

Petunjuk:Tidak perlu lagi XMLHttpRequest.

Contoh

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

Coba sendiri

Fetch adalah berdasarkan async dan await. Contoh ini mungkin lebih mudah untuk memahami:

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

Coba sendiri

Gunakan nama yang mudah untuk mengerti daripada x dan y:

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

Coba sendiri

Sintaks

fetch(file)

Parameter

Parameter Deskripsi
file Pilihan. Nama sumber daya yang akan didapatkan.

Nilai kembalian

Tipe Deskripsi
Promise Penyataan Promise yang diubah menjadi objek Response.

Dukungan Browser

fetch() Adalah fitur ECMAScript6 (ES6).

Seluruh browser modern mendukung ES6 (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ya Ya Ya Ya Ya

Internet Explorer 11 (dan versi sebelumnya) tidak mendukung fetch()。