16.6 Web Fetch API

A Fetch API Example

The example below fetches a file and displays the content:

Example 1: JS Web Fetch API

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

Since Fetch is based on async and await, the example above might be easier to understand like this:

Example 2: JS Web Fetch API part 2

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

Or even better: Use understandable names instead of x and y:

Example 3: JS Web Fetch API part 3

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