SPRINT 26 . Fetch запрос. Async функции, await. AJAX
Матеріали
Текст
Прочитайте правила работы с API KEY.
Важно! Запросы посылаем на https://api.itgid.info. Т.е. https!!!
Вопросы в видеоуроке
- 00:00 Вступление
- 01:10 Создаем шаблон для работы
- 02:20 Fetch для получения прогноза погоды
- 12:00 Переводим Fetch на async await
- 16:00 GET запрос на Fetch с заголовками и авторизацией
- 21:45 Fetch для GET запроса с query
- 22:30 POST запрос на GET
- 23:50 Добавление body POST запроса с данными FormData
- 27:20 Добавление данных в body POST запроса
- 28:20 Оптимизация кода
TASKS
При нажатии кнопки .b-1, срабатывает функция f1. Функция отсылает запрос методом FETCH на https://api.itgid.info со следующими параметрами:
- url: /api/26/employee/read
- method: GET
Результат - объект со списком сотрудников. Выведите в out-1 возраст сотрудников через пробел.
При нажатии кнопки .b-2, срабатывает функция f2. Функция отсылает запрос методом FETCH на https://api.itgid.info со следующими параметрами:
- url: /api/26/employee/read?id=3
- method: GET
- в качестве query параметра задайте id равный числу из input .i-2
Результат - объект с описанием сотрудника. Выведите в out-2 email полученного сотрудника.
При нажатии кнопки .b-3, срабатывает функция f3. Функция отсылает запрос методом FETCH на https://api.itgid.info со следующими параметрами:
- /api/26/employee/read/5
- method: POST
- если запрос отправлен верно, то будет получен массив с описанием сотрудника с id = 5
- число 5 получите из input .i-3
Результат - объект с описанием сотрудника. Выведите в out-3 name полученного сотрудника.