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

• XMLHttpRequest в JavaScript: свойства, методы и асинхронные запросы
• AJAX: основы, принципы работы и примеры для веб-разработки
• ReactJS: Что это такое и с чего начать изучение библиотеки

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

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

• response.text() – читает ответ и возвращает как обычный текст
• response.json() – декодирует ответ в формате JSON
• response.formData() – возвращает ответ как объект FormData
• response.blob() – возвращает объект как Blob (бинарные данные с типом)
• response.arrayBuffer() – возвращает ответ как ArrayBuffer (низкоуровневое представление бинарных данных)

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

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