JavaScript Fetch API

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

Fetch is based on async and await. The example might be easier to understand like this:

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

Use understandable names instead of x and y:

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

Description

The fetch() method starts the process of fetching a resource from a server.

The fetch() method returns a Promise that resolves to a Response object.

😀 No need for XMLHttpRequest anymore.

fetch(file)

Parameter	Description
file	Optional. The name of a resource to fetch.

Type	Description
Promise	A Promise that resolves to a Response object.

fetch() is an ECMAScript6 (ES6) feature.

ES6 (JavaScript 2015) is supported in all modern browsers since June 2017:


Chrome 51	Edge 15	Firefox 54	Safari 10	Opera 38
May 2016	Apr 2017	Jun 2017	Sep 2016	Jun 2016

fetch() is not supported in Internet Explorer.