Как использовать метод Fetch API в JS

Fetch API предоставляет интерфейс для получения ресурсов (в том числе по сети), заменяя XMLHttpRequest, но новый API является более мощным и гибким набором функций.

Fetch обеспечивает обобщённое определение объектов Request и Response (и других вещей, связанных с сетевыми запросами). Это позволит им использоваться везде, где необходимо в будущем, в том числе и для service workers, Cache API и других подобных технологий, которые обрабатывают или изменяют запросы (requests) и ответы (responses), а так же в любых других случаях, которые могут потребовать от вас генерировать свой собственный ответ программно.

fetch('https://api.example.com/data') 
.then(response => response.json()) 
.then(data => console.log(data)) 
.catch(error => console.error('Ошибка:', error));

С fetch можно работать с обычными HTTP-запросами, а также использовать его в контексте современных фреймворков и библиотек для взаимодействия с сервером в веб-разработке.