JavaScript Fetch API

Fetch API 接口允许 Web 浏览器向 Web 服务器发出 HTTP 请求。

不再需要 XMLHttpRequest。

浏览器支持

表中的数字注明了完全支持 Fetch API 的首个浏览器版本：

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
Juni 2011 August 2016 August 2015 März 2017 April 2015

Fetch API-Beispiel

Das folgende Beispiel lädt eine Datei und zeigt den Inhalt an:

Beispiel

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

Probieren Sie es selbst aus

Da Fetch auf async und await basiert, kann der obige Beispiel so geschrieben werden, dass er besser verstanden wird:

Beispiel

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

Probieren Sie es selbst aus

Man kann es sogar besser machen: Verwenden Sie verständliche Namen anstelle von x und y:

Beispiel

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

Probieren Sie es selbst aus