Урок 14. JavaScript. Запросы на сервер. Fetch, XMLHttpRequest (XHR), Ajax
Эксклюзивный контент на моем Boosty: boosty.to/vladilen
Telegram: t.me/js_by_vladilen
Instagram: / vladilen.minin
Roadmap по каналу:
vladilen.notion.site/Roadmap-...
Исходный код:
gist.github.com/vladilenm/557...
Урок 14. JavaScript. Запросы на сервер. Fetch, XMLHttpRequest (XHR), Ajax
Сложный JavaScript простым языком:
• Урок 1. JavaScript. Чт...
#ajax #javascript #fetch
Пікірлер: 291
Результаты конкурса будут завтра :) Эксклюзивный контент на моем Boosty: boosty.to/vladilen
@nilsen1879
4 жыл бұрын
Только сейчас дошло, как решить задачку.
Вот это мужик, вот как надо рассказывать, я несколько часов слушал разных индусов, но ни один и в подметки не годится. Спасибо тебе, Бро!!!
@user-hz3zd3nz6h
3 жыл бұрын
ну про индусов ты загнул
@yaroslavzef7267
3 жыл бұрын
МУЖЫЫЫЫЫЫЫЫЫЫЫЫЫЫЫК!
@artemijeka
2 жыл бұрын
индус - это принадлежность к религии
@user-gy6wd8jj2j
2 жыл бұрын
@@user-hz3zd3nz6h я тоже индусов смотрела😅 не поверите, но все получалось только по их урокам, не надо на них гнать
@user-uz4yu6qk1r
Жыл бұрын
Так он нихрена нормально и не рассказал
Вот это я понимаю качественный контент, разложил по полочкам. Владилен, спасибо)
Мужик, делай то что ты делаешь. Я чуть с ума не сошел пока искал эту инфу в понятном и доступном виде в сети. Пришлось самому всё понимать кое-как, и то не всё. И тут, хвала алгоритмам ютуба, появился ты. еще раз спасибо + лайк + подпискам (:
Смотрел кучу видео на эту тему, ваше - лучшее! Огромное спасибо за качественный контент и удачи вашему каналу!
очень толково. Разложил все по полочкам. Просто и лаконично. Для введения самое оно
Очень клевое расширение для Гитхаба, спасибо Владилен. Даже пассивно умеешь помогать :)
Обожаю Ваши видео. Всегда всё четко и по делу. Спасибо большое за труд!
круто, действительно очень познавательно, как только появятся деньги отблагодарю, курс куплю или задоначу, очень понятно, а главное отвечает на все вопросы которые мучали раннеее
Благодарю за то что помогаешь обучаться разработке на javascript!
Это не единственный канал по программированию, но единственный с автором, который так хорошо объясняет. Спасибо за знания!
Огромное спасибо! Я тоже пересмотрела на эту тему много видео. Это - лучшее из всех! Удачи!!!
Спасибо большое за этот видео урок, обыскал весь интернет, но некто так грамотно как вы не смог рассказать а тут всё ясно и понятно , 😎
Хочу отметить разницу между Fetch и XHR: при отправке файлов/больших payload'ов на сервер XHR - позволяет получать прогресс загрузки файла на сервер, в то время как Fetch этой информации не предоставляет
спасибо большое, раньше использовал только axios,ajax(jquery) теперь в курсе про нативные методы
Отлично! Спасибо. Хорошие уроки. Пришлось про CORS погуглить :)
Спасибо! Отличные уроки по js. Все ясно понятно. Ну прям огонь🔥
Шикарное объяснение, ты прям прирожденная училка!)
Спасибо, классное и подробное объяснение, удивляюсь что подписчиков не раза в 2 - 3 минимум, больше.
Огромное спасибо! Продолжай в том же духе! Очень жду роликов по выполнению каких-то проектов на реакте.
@VladilenMinin
3 жыл бұрын
Их много на канале
класс. как раз сейчас работаю с с запросами. прям вовремя
Хорошо все разобрал, говорим тебе спасибо!
Спасибо большое, Владилен! 😍😍😍
Досмотрел плейлист. Спасибо за уроки !
Супер! Надеюсь, это мне поможет всё-таки сделать тестовое задание
спасибо агромное, вот я наконец понял что запросы и как они работают
Спасибо огромное разобрали супер. поставил бы два лайка даже. подписался.
Урок пройден) Спасибо!!! Очень круто все разобрано, все понятно! Супер!
Это ШЕДЕВРАЛЬНО!
лучший канал) спасибо
Смотрю с удовольствием. Спасибо, Владилен!
Этот урок классно объяснил🎉
Владилен, спасибо большое тебе за твой труд! Однозначно ЛАЙК!!! Просьба, сделай пожалуйста подробный гайд по axios!
Fetch как раз учу сейчас, спасибо за подгон)
Спасибо, Владилен!
Реально, практически идеальный урок! Единственное из-за чего картина не совсем до конца складывается, так это из-за того, что были опущены async/await, а также очень хотелось бы увидеть наглядный пример serialize у ajax, но используя fetch
@user-no6il5pi8n
3 ай бұрын
есть отдельное видео по async await и промисы
Владилен, запиши видос про графику на canvas, никогда этим не пользовался и не сталкивался, но очень было бы увидеть и послушать профессионала на эту тему. Ты же вроде разбирался с этим как раз, когда в конкурсе Telegram участвовал, вот было бы очень интересно послушать как ты все писал и как работать с графикой
уроки ТОП! всё чётко и по полочкам. спасибо!
Спасибо огромное за ваши уроки! Хоть по темам уже ушли далеко вперед, но было бы неплохо услышать про DOM/BOM с вашими пояснениями. Заранее спасибо
Спасибо за урок!
Владилен, спасибо тебе за твои видео. Очень помогают! Нет ли у тебя в планах записать мастер класс по DevTools бразуера? У тебя очень много уроков в которых ты объясняешь, как что-то сделать с нуля, с этим все более-менее понятно. Мог бы ты записать какой-нибудь курс, в котором ты бы взял какой-нибудь open-source проект, и показал от и до, как разобраться в новом проекте, с чего начать, как правильно читать код, как структурировать полученную информацию и приступить к допиливанию своего функционала. (Лично меня интересуют проекты на Angular и чистом JS).
урок правда полезный, спасибо
Большое спасибо за видео!
Спасибо, очень полезное видео.
По-моему еще ЛУЧШЕ все это рассказать просто не возможно. Большое спасибо за видео! Мне кажется, если вы сейчас начнете выкладывать обучающие видео о том, как правильно строить дома - я подамся в строители, потому что ваши видео смотреть - одно удовольствие ! :D :)))
Супер. Полдня убил на понимание запросов. С jQuery ajax всё получалось, а native js не поддавался.
Огонь, теперь хватает знаний чтобы полчить данные со своего REST api
Спасибо за видео!
Спасибо, очень и очень полезно и понятно. Только в названии еще Ajax упоминается, но что-то вроде бы в ролике ни слова не было.
Очень крутой канал! предлагаю рассказать про Регулярные выражения мне кажется интересная тема.
спасибо огромное! очень помог!
ТОП урок!!!
Теперь хоть разобрался зачем был нужен XMLHttpRequest. Спасибо. Хотелось бы разобрать как правильно проектировать бекенд + фронт. А то столько мнений не знаешь кто прав.
всё круто, лайк подписка! Было бы ещё круче если б делал пометки // хотя б простенькие) спасибо)
Юзал свой jQuery, до фетча все никак не добирался, и наконец у тебя вышел такой видосик, хоть уже что-то и есть про фетч, но тут более понятней и подробней. Пасеба , сэр!
@astrotrain
4 жыл бұрын
Я бы всё же советовал пользовать axios, если хоть какая-то совместимость в проекте нужна, он такой же удобный, но использует xhr.
@user-gu5ir3zs4v
4 жыл бұрын
@@astrotrain как axios использовать на фронте?
@astrotrain
4 жыл бұрын
@@user-gu5ir3zs4v в смысле как? axios({ url, method, data }).then(({data}) => { console.log(data); })
@user-gu5ir3zs4v
4 жыл бұрын
@@astrotrain так а как его подключить это же npm модуль
@astrotrain
4 жыл бұрын
@@user-gu5ir3zs4v если есть вебпак просто импортом, если нет - то как жуквери github.com/axios/axios#installing
Спасибо, здорово
Поддерживаю, что нужен видеоурок про rest & spread.
@VladilenMinin
4 жыл бұрын
Как раз завтра будет)
Лайк не глядя!
@mihaylov13
4 жыл бұрын
Согласен, лайк
Лайк однозначно)
на самом деле ты читаешь мои мысли.. хотел попросить урок по fetch и вот спс тебе
Давайте больше таких видео
@MikeMentzer09
9 ай бұрын
Дарова
Очень круто
спасибо, помог
Отличный урок, проходит со свистом ))
Владилен вы растете на наших глазах))))) в предыдущих уроках у объекта Владилен поле age был ровен 25))))
@HovoK
4 жыл бұрын
кстати, привет из 2020
@user-qs8vf5dm3c
4 жыл бұрын
стареет потихоньку
Большое спасибо
крутая подача! все четко, без H2O
@oz9608
2 жыл бұрын
Согласен)
@oz9608
2 жыл бұрын
Даже под C2H5OH хорошо заходит)
Спасибо ♥
зачетный ролик! работать с XHR классом как по мне проще для понимания чем с fetch(). классе все явно указывается а в fetch неявные промисы и прочие методы, мне нубу без доков не разобраться.
Блин спасибо большущее)))))
Спасибо!
Да!! просто нечеловеческое спасибо!!! а скажешь что за шаблон подсветки кода у тебя установлен?
СПАСИБО!!!
СПАСИБО!
Благодарю!!
Спасибо!!!
Я реально испугался, когда ты не поставил точку с запятой, а потом вспомнил - это же js......)
Видео помогло, спасибо, + к карме.
Владилен, хотелось бы узнать полное взаимодействие базы, сервера, и приложения. Давай разберём остальные методы зачем они нужны и когда используются
@astrotrain
4 жыл бұрын
Присоединяюсь, на практике только гет и пост юзал.
видео огонь!
Очень доступно. Но подскажите как использовать полученные данные, где они хранятся и т.п.
Спасибо за полезный урок! Подскажите, пожалуйста, почему после команд до .onload не ставятся в конце ";"? Нужно ли ставить точку с запятой(если да, то всегда ли) или нет и почему?
@IhorVyshniakov
2 жыл бұрын
@@user-lm8py5rb4m тоже вижу, но мне интересно почему
Владилен, спасибо за видео!! Но как всегда есть вопрос ведь странные ситуацию случаются, а ты немного говоришь о том как обрабатывать ошибки. Например, когда сервис упал он вместо ошибки начинает отдавать свою странницу 404, вместо json, но по каким-то истерическим причинам ее статус 200. Что делать в таких случаях?
Владилен, спасибо за урок! Не могли бы подсказать, где проблема в следующей ситуации: POST запрос при загрузке файлов отрабатывается правильно, но если в названии файла есть кириллица, то вместо нее приходит абракадабра. Попробовал и fetch, и XMLHttpRequest. FormData формируется правильно. С postman тестирование проходит без ошибок. с уважением, Юрий
Подскажи, пожалуйста, как так сделать, в названия методов внутри () скобок писались, как у тебя допустим sendRequest ( method: "POST") - как сделать так чтоб "method" показывался? это расширение какое-то ??
Привет. А будет материал про ООП?
лучший
С этим сайтом json placeholder понятно, а как быть с локальным своим сайтом? Там что должно быть, в самом простом варианте, файл index.php и в нем что должно быть? Чтобы мы могли получить данные. И еще, т. к. тут упоминается ajax, то что тут рассматривается, мы получаем данные с сервера, я например хочу сделать, чтобы эти полученные данные отображались на странице сайта, то они будут добавляться Без перезагрузки страницы?
Thank you! Cnocnbo!
@smolindesign
4 жыл бұрын
Сnacubo! or Spasibo! or Спасибо! or Cnacu6(six)o!
спасибо
Fetch уже был в Уроке8. Вообще плейлист как-то не структурирован, всё намешано в куче, вроде смотришь с 1 урока, а потом все темы в разнобой
Thank u very much, really understandable. U just explained things in so clear way
А можно спросить? 😅 А если в джаваскрипте "из коробки" есть XHR и Fetch, зачем нужны либы типа axios?
Подскажите плиз, а че в js, уже не нужны точка с запятой в конце команд?? спасибо!
11:23 ошибка сработала в 10-й строке при событии onload, а не при событии onerror (строка 14). Почему так?
@GeorgeKolesnikov
3 жыл бұрын
Когда приходит ответ, не важно с кодом ошибки или нет, это считается нормальным ответом http и срабатывает событие onload. Чтобы получить событие onerror можете попробовать отключить интернет и запустить скрипт, получите ошибку типа "net::ERR_INTERNET_DISCONNECTED" как раз из события onerror.
А как можно получить body из Network -> XHR -> Response на коком-нибудь сайте, чтобы использовать эти данные, например в расширении Chrome? Это вообще возможно сделать через JS? Странно, но в Google и KZread ответа на этот вопрос так и не нашлось...
Влад,не отображаются данные data в новой вкладке response payload.вообще этой вкладки нету .не видно данных,которые я скинул
Это странно, но я пытался отправить по методу POST данные на сервер в формате json (с нужными заголовками... в общем как в видео) и данные на сервер не передавались. Я так и не понял почему. Но стоило мне изменить формат передачи данных (на param1=value1¶m2=value2) и естественно поменять заголовок на application/x-www-form-urlencoded и данные передались на сервер. Вопрос: почему не получилось передать параметры в JSON-формате?
super
Спасибооооооо...