API выборки JavaScript
Интерфейс Fetch API позволяет веб-браузеру выполнять HTTP-запросы к веб-серверам.
😀 XMLHttpRequest больше не нужен.
Поддержка браузера
Цифры в таблице указывают на первые версии браузеров, которые полностью поддерживают Fetch API:
Chrome 42 | Edge 14 | Firefox 40 | Safari 10.1 | Opera 29 |
Apr 2015 | Aug 2016 | Aug 2015 | Mar 2017 | Apr 2015 |
Пример API выборки
В приведенном ниже примере извлекается файл и отображается содержимое:
Пример
fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));
Поскольку 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);
}