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
Матеріали юніту доступні після придбання курсу