JavaScript Fetch API
Интерфейс Fetch API позволяет веб-браузеру отправлять HTTP-запросы на веб-серверы.
😀 Больше нет необходимости в XMLHttpRequest.
Fetch - пер с анг. - получать, выбирать.
Поддержка браузерами
Цифры в таблице указывают на первые версии браузеров, которые полностью поддерживают Fetch API:
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
Пример Fetch API
В приведенном ниже примере извлекается файл и отображается содержимое:
Поскольку Fetch основан на асинхронности и ожидании, приведенный выше пример может быть легче понять следующим образом:
Пример
async function getText(file) {
let x = await fetch(file);
let y = await x.text();
myDisplay(y);
}
Попробуйте сами »
Или ещё лучше: используйте понятные имена вместо x и y:
Пример
async function getText(file) {
let myObject = await fetch(file);
let myText = await myObject.text();
myDisplay(myText);
}
Попробуйте сами »