Fetch в JavaScript - Полный курс [AXIOS, XmlHttpRequest] (Статусы, методы, network, api, query)
HTML-код
- Опубликовано: 14 июн 2024
- Как запрашивать данные от сервера в javascript? Что такое api и как его найти? Какие есть статусы и методы запросов? Чем get отличается от post? Что такое query параметры или search параметры? Зачем нужен axios и XmlHttpRequest?
Курс по Chrome Dev Tools: stepik.org/a/194549
Поддержать автора: donationalerts.com/r/kakeitoyroki
Наш чатик: t.me/kakieToYrokiChat
Промисы полный курс: • Промисы в JavaScript [...
JsonPlaceholder: jsonplaceholder.typicode.com
Коды ответов: developer.mozilla.org/ru/docs/Web/HTTP/Status
Методы: developer.mozilla.org/ru/docs/Web/HTTP/Methods
API с погодой: open-meteo.com/en/docs
XmlHttpRequest: developer.mozilla.org/ru/docs/Web/API/XMLHttpRequest
Исходный код: github.com/R1ON/html/tree/main/js/31
***** Таймкоды:
00:00 Введение
01:02 Что такое API и как его найти
05:13 Делаем запрос через fetch
06:10 Network в chrome
08:08 Достаем значения из fetch
13:13 Статусы ответа
18:35 Метод GET
19:50 Метод POST
24:43 Метод DELETE
25:10 Метод PUT
25:35 Когда использовать методы
26:01 Пример использования методов
27:28 Search/Query параметры
28:01 Практика: получаем погоду
36:25 Axios
42:35 XmlHttpRequest
44:45 Заключение
***** Музыка:
"Tokyo Music Walker - Slowly" is under a Creative Commons (CC-BY 3.0) license.
ruclips.net/channel/UC3lL...
Music promoted by BreakingCopyright: • 🚣 Free Calm Piano Musi...
"The Loyalist - Eastridge Turnstile" is under a Creative Commons (CC-BY 3.0) license
Music promoted by BreakingCopyright: bit.ly/b-turnstile
"Purrple Cat - Warm Horizon" is under a Creative Commons (CC BY-SA 3.0) license
Music promoted by BreakingCopyright: bit.ly/bkc-warm
"Purrple Cat - Windy" is under a Creative Commons (CC BY-SA 3.0) license.
/ purrplecatmusic
🎵 Music provided by BreakingCopyright: • 🐈 Free Lofi Chillout M...
"Ghostrifter Official - Lost In Thought" is is under a Creative Commons (CC BY-ND 3.0) license.
creativecommons.org/licenses/b...
ruclips.net/channel/UCoRhkLds...
Music powered by BreakingCopyright: • 📚 Study + Lofi (Free M...
"Artificial.Music - Faithful Mission" is under a Creative Commons (CC BY 3.0) license.
/ smarttoaster
🎵 Music provided by BreakingCopyright: bit.ly/faithful-mission-song
Song: "Dj Quads - Birds And The Bees"
/ djquadsoffi. .
Music provided by BreakingCopyright: • [Non Copyrighted Music...
"Darren Curtis - Justify the Lie" is under a Creative Commons (CC BY 3.0) license.
/ darrencurti. .
Music promoted by BreakingCopyright: • 🥀 Free Dark Music - "J...
Удивлена что под таким крутым видео так мало лайков. Всё понятно и без лишних слов. В Вашем коротком видео я узнала больше, чем узнала в книге. Благодарю!!
Ой, хосподь! Наконец-то кто-то нормально это всё объяснил и показал. Спасибо💕Очень понятно рассказываете. Продолжайте в том же духе👌
Гениально! Гениально просто и понятно! Большое спасибо, объяснил настолько круто, что поняла даже я😆
единственный кто все понятно обьснил. Респект
Ураа, наконец-то я нашел урок по запросам на сервер, и еще свежак урок, а не двух годичные или 3рех годичные.
Всегда пожалуйста )
@@kakieToYroki Проводите ли вы стримы на этом канале ?
Если да, я бы зашёл.
@aizr5979 пока еще нет, тк аудитории еще мало, в будущем планировал
Все понятным и доступным языком объясняешь и за это тебе большое спасибо и лайк, как всегда👍👍👍
Хорошее видео👍
Кайфую от твоих роликов, спасибо за работу!
Я начал по новому клянчить лайки ))))
Интересно, сработает ли это, если об этом напоминать
Спасибо, у меня получилось, хотя раньше ничегошеньки не понимал в вебе и http. Получилось не сразу, так как с ходу я вляпался сразу и в перенаправление на https (которое не у всех апи есть), и в проблему с CORS. Короче, в видео очень не хватило комментария, что на странице гитхаба с бесплатными апи надо для первых шагов выбирать только те, у которых все три квадратика зелёные.)))
спасибо большое за ролик)
Спасибо 👍
Дякую за відео
Давай про веб сокет. Буду признателен)
Спасибо! Посмотрела весь плейлист по JS, сделала все ДЗ, спасибо! А будут еще видео по JS?
Да, будут. Со следующей недели начну записывать новые видосы
вот непонятно то, что когда мы в 1ом then() сохраняем результат работы метода json() в переменной data2 и выводим её на консоль, то видим что это Promise. а когда возвращаем результат через return и пишем 2ой then() и там получаем info, то это уже json данные
Расскажи как использовать api с регистрацией, не понимаю я как регистрироваться, хочу себе на сайт вывести языки программирования с wakatime, на которых я писал за последнюю неделю, но там нужна регистрация((
AXIOS маст хев
2:40 а почему не json placeholder. Вроде для тренировки лучше не найти. Посмотрел дальше и в итоге он самый в работе))
Идея была в том, что он перестанет когда-нибудь существовать и нужно было показать как находить другие апишки
А так да, он удобный :)
Сначало я научился пользоватся FETCH итд и только сейчас я понял что есть что !
Стандартное изучение JS 😁😁. Руки делают, понимание приходит не сразу )))
Здравствуйте, вот я что то понять вот всё это не могу не только апи но и другое мне стоит про фетч ознакомиться а потом переходить к другим?
@user-fn6xx7db1r про фетч будет рассказано дальше и эта тема будет интегрирована с промисами
@@kakieToYroki дальше в новых видео?
на заставке как НПС
В жизни так же ))
Захожу на кухню, спрашивают, чем буду завтракать и я в Т позу встаю. Иногда начинаю в текстуры проваливаться и из-за коллизий меня выкидывает в ванную комнату
@@kakieToYroki это когда-то пофиксят, разрабы просто лентяи
2 года изучал джаваскрипт,и верстку ,на работу вообще не устроится.
На позицию по 400 человек.Рынок перенасыщен.Скоро ИИ всех заменит
Не заменит
Ыхвхаххп, да, конечно заменит, куда денется, в большинстве мест, где я работал - 99% всей работы это поддержка уже существующего большого проекта, для этого нужно понимать всю логику и контекст и предметную область, чего ии никогда не узнает)