Fetch - Как получить данные? Используем JavaScript

Описание

Получаем разметку HTML-страницы (данные) с сервера при помощи fetch().
Публикация на тему: https://efim360.ru/fetch-kak-poluchit-dannye-ispolzuem-javascript/

Благодарю за просмотр!
Вы можете поддержать канал монеткой - Номер карты - 4276 5500 2378 3189
Ваша материальная поддержка придаст мне больше мотивации на создание нового материала.

00:00 Задача - получить разметку страницы сайта при помощи fetch()
01:40 Простой GET-запрос в fetch() вернул нам обещание Promise
03:00 Теоретическая часть. Стандарты FETCH и XMLHTTPREQUEST. Класс Response. Миксин Body
06:00 Обещание возвращает обещание
07:00 Второй вызов then()
07:40 Получили данные разметки запрашиваемой страницы в консоль браузера
08:50 Сохраняем данные в заготовленную переменную
11:20 Можно докрутить функционал до сканера страниц
14:00 Проблема выборок. Политика CORS.

fetch() - это браузерный интерфейс прикладного программирования. Он живёт в браузерах, его логика работы описана в стандарте - https://fetch.spec.whatwg.org/

fetch() возвращает объект Promise. Первым результатом объекта Promise является объект Response.

Тело объекта Response содержит все необходимые для нас данные. Но эти данные нужно правильно прочитать.

Существует всего 5 вариантов для прочтения:
arrayBuffer()
blob()
formData()
json()
text()

Для работы с АСИНХРОННОСТЬЮ мы используем методы then(), которые являются свойствами объекта-прототипа Promise.