Web Fetch API

< 1 min read

Агуулга

The Fetch API interface allows web browser to make HTTP requests to web servers.

😀 No need for XMLHttpRequest anymore.

Browser Support #

The numbers in the table specify the first browser versions that fully support Fetch API:

Chrome	Internet explorer	Mozila firefox	Safari	Opera
Chrome 42	Edge 14	Firefox 40	Safari 10.1	Opera 29
Apr 2015	Aug 2016	Aug 2015	Mar 2017	Apr 2015

The example below fetches a file and displays the content:

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:

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

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

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

Updated on 05/19/2021