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