JavaScript Fetch API

API Fetch API memungkinkan peramban web mengirim permintaan HTTP ke server web.

Tidak perlu lagi XMLHttpRequest.

Dukungan peramban

Terdapat angka di tabel yang menunjukkan versi pertama peramban yang mendukung penuh Fetch API:

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
2011 年 6 月 2016 年 8 月 2015 年 8 月 2017 年 3 月 2015 年 4 月

Fetch API 实例

下面的例子获取文件并显示内容：

实例

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

亲自试一试

由于 Fetch 基于 async 和 await，因此上面的例子这么写可能更容易理解：

实例

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

亲自试一试

甚至可以更好：请使用易于理解的名称而不是 x 和 y：

实例

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

亲自试一试