API Fetch do JavaScript

A interface Fetch API permite que os navegadores da Web enviem solicitações HTTP para servidores da Web.

Não é mais necessário XMLHttpRequest.

Suporte do navegador

Os números na tabela indicam a primeira versão do navegador que suporta completamente o Fetch API:

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
Junho de 2011 Agosto de 2016 Agosto de 2015 Março de 2017 Abril de 2015

Exemplo Fetch API

O exemplo a seguir obtém um arquivo e exibe o conteúdo:

Exemplo

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

Experimente Sozinho

Devido ao Fetch ser baseado em async e await, o exemplo acima pode ser mais fácil de entender:

Exemplo

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

Experimente Sozinho

Mesmo que possa ser melhor: use nomes compreensíveis em vez de x e y:

Exemplo

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

Experimente Sozinho