API Fetch JavaScript

Definisi dan penggunaan

fetch() Method memulakan proses mengambil sumber daripada pelayan.

fetch() Method menghantar balik Promise yang dihantar balik sebagai objek Response.

Petikan:Tidak perlu lagi XMLHttpRequest.

Contoh

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

Cuba sendiri

Fetch adalah asas bagi async dan await. Contoh ini mungkin lebih mudah difahami:

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

Cuba sendiri

Gunakan nama yang mudah faham daripada x dan y:

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

Cuba sendiri

Syarat

fetch(fail)

Parameter

Parameter Penerangan
fail Pilihan. Nama sumber yang hendak didapatkan.

Hasil balik

Jenis Penerangan
Promise Penguraian kepada objek Promise yang dihantar balik.

Dukungan Pelayar

fetch() Ini adalah fitur ECMAScript6 (ES6).

Semua pelayar moden 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()。