SPRINT 25 . Запросы GET, POST на JS. Асинхронный JS, AJAX
Материалы
Текст
Прочитайте правила работы с API KEY.
Важно! Запросы посылаем на https://api.itgid.info. Т.е. https!!!
Вопросы в видеоуроке
- 00:00 Обзор 25 спринта
- 02:26 Создаем XMLhttpRequest для прогноза погоды
- 12:00 Создаем GET запрос в JavaScript (task 1)
- 15:50 Добавляем заголовки авторизации
- 18:20 Создаем POST запрос в JavaScript с body
- 23:55 Выносим константы в файл
- 26:00 Особенность асинхронных запросов
- 27:10 Оптимизация кода
- 31:30 CORS, Preflight, OPTIONS
TASKS
task 1
При нажатии кнопки .b-1, срабатывает функция f1. Функция отсылает запрос на api.itgid.info со следующими параметрами:
- url: /api/25/random/random-string
- method: GET
- Ответ сервера (строку случайных символов) - выводит в .out-1
Не забывайте для авторизации отправлять apikey с указанным ключом.
task 2
При нажатии кнопки .b-2, срабатывает функция f2. Функция отсылает запрос на api.itgid.info со следующими параметрами:
- url: /api/25/random/random-string
- method: GET
- в качестве query параметра задайте length равный числу из input .i-2
- Ответ сервера (строку случаных символов длиной length) - выводите в .out-2
task 3
При нажатии кнопки .b-3, срабатывает функция f3. Функция отсылает запрос на api.itgid.info со следующими параметрами:
- url: /api/25/sr/read
- method: POST
- если запрос отправлен верно, то будет получен массив с описаниями рас игры "Космические рейнджеры"
- выведите в .out-3 названия рас (race) через пробел
task 4
Материалы юнита доступны после покупки курса
task 5
Материалы юнита доступны после покупки курса
task 6
Материалы юнита доступны после покупки курса
task 7
Материалы юнита доступны после покупки курса
task 8
Материалы юнита доступны после покупки курса
task 9
Материалы юнита доступны после покупки курса
task 10
Материалы юнита доступны после покупки курса
task 11
Материалы юнита доступны после покупки курса
task 12
Материалы юнита доступны после покупки курса
task 13
Материалы юнита доступны после покупки курса
task 14
Материалы юнита доступны после покупки курса
task 15
Материалы юнита доступны после покупки курса
task 16
Материалы юнита доступны после покупки курса
task 17
Материалы юнита доступны после покупки курса
task 18
Материалы юнита доступны после покупки курса