Тёмный

Javascipt. AJAX. Основы асинхронных запросов. 

Дмитрий Лаврик
Подписаться 57 тыс.
Просмотров 150 тыс.
50% 1

Что такое AJAX - раскрытие технологии.
Фоновое взаимодействие клиента и сервера.
Примеры AJAX на современных сайтах.
Создание простого AJAX-запроса.
Объект XMLHTTPRequest.
Отслеживание статуса запроса.
Обработка ответа от сервера.
GET и POST запросы.
Пример AJAX формы.
Обзор необходимых навыков и смежных технологий.

Опубликовано:

 

30 авг 2016

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 124   
@FOXI-hr3kz
@FOXI-hr3kz 4 месяца назад
из 2024 года всем привет, очень полезный видос
@MrX-po2hc
@MrX-po2hc 7 лет назад
Привет, у тебя отличные уроки )) спасибо за обьяснение.
@antonb6831
@antonb6831 7 лет назад
Спасибо за видео! Хорошо рассказываешь, приятно слушать.
@user-zq2zo5un2z
@user-zq2zo5un2z 3 года назад
Хоть и сейчас уже конец 2020, всё равно очень полезное видео. Спасибо огромное
@jsb7239
@jsb7239 3 года назад
2021
@void-fy1dm
@void-fy1dm 2 года назад
2022
@webmaster3984
@webmaster3984 Год назад
2023
@tommyhilf
@tommyhilf 11 месяцев назад
2026
@A-tri
@A-tri 2 года назад
Дима, спасибо. Очень интересно, хорошо подносишь материал.
@vitaliibryl9468
@vitaliibryl9468 5 лет назад
Красава. Хочется больше примеров от легкого до сложного
@Tipuchek
@Tipuchek 6 лет назад
Интересно слушать. Спасибо!
@ksyaneone
@ksyaneone 7 лет назад
Очень круто!Спасибо Дим
@user-du3mr9pd6f
@user-du3mr9pd6f 5 лет назад
Спасибо за труд, Дима. Вот бы нашлось время для react.
@ihelperone7890
@ihelperone7890 7 лет назад
Спасибо! Для меня как вообще не знакомого ни с php ни с js все стало ясно как день! Одно плохо много лишних слов )) но слушал все, что-бы не простить что нибудь важное. Даже с базы данных получить данные ну вообще супер можно выводить активные сессии на сайте из базы или файла :)
@user-nf6xv1dk5t
@user-nf6xv1dk5t 6 лет назад
Сижу и не могу дупля словить а нахрена тогда f было определять, ну и тут сразу же всё стало на свои места, спасибо за ролик всё предельно ясно)
@fullmistiv
@fullmistiv 4 года назад
Спасибо. Отличный урок
@user-uc9bg2tw8l
@user-uc9bg2tw8l 4 года назад
всегда смотрю этого чувака на скорости 1.5Х. Ну просто море позитива и неплохих знаний)
@denden4455
@denden4455 4 года назад
я на 2x)))))))))))))))
@PRASKA
@PRASKA 4 года назад
Огромный респект! Спасибо огромное
@doitadele
@doitadele 6 лет назад
Прекрасное видео :) Like!
@jsb7239
@jsb7239 3 года назад
Дмитрий - отличный преподаватель!
@user-te9ci1tx4x
@user-te9ci1tx4x 3 года назад
Крутое видео, спасибо ✊
@user-nu6ld3tm5e
@user-nu6ld3tm5e 3 года назад
Познавательно, интересно и понятно
@user-wu1kw3yb1p
@user-wu1kw3yb1p 7 лет назад
Ещё бы про web socket послушать)) запилишь вебинарчик??
@rogikanin
@rogikanin 6 лет назад
Круто! Еще!)
@s.a.f.o.n.o.v
@s.a.f.o.n.o.v 6 лет назад
Спасибо!
@ulanjumabaev5531
@ulanjumabaev5531 6 лет назад
спасибо тебе большое)
@simplewebdev1098
@simplewebdev1098 6 лет назад
Лайк и подписка, все подробно и понятно. Я вообще слабо знаком с js и php, но все понял. Может, из за того, что немного в java могу. На этом приколе, с callback, вообще завис. Сижу такой, думаю, как у них такое на js работает, наркомания какая-то. По логике, там f должно быть, что они там в своем скрипте курят, пытаюсь понять, как это должно работать. Потом автор такой, а, тут f должно быть. Почувствовал себя гением, учитывая, что даже бородатые слушатели не заметили подвоха. ))
@user-zk7gw7sz2n
@user-zk7gw7sz2n 7 лет назад
А будет лекция от react?
@gfgddtr6217
@gfgddtr6217 7 лет назад
ждем видос ппо Node.js. сделайте плз
@adminyoutube8645
@adminyoutube8645 3 года назад
AJAX это очень хорошо)
@wepko
@wepko 5 лет назад
Топ
@user-xu9tb7oe2z
@user-xu9tb7oe2z 4 года назад
повеселил )
@ravabat5841
@ravabat5841 5 лет назад
Дмитрий спасибо за вебинар, все как всегда на высоте, а можно ссылку на ваш гитхаб если он есть? Спасибо
@kirillguryanov6037
@kirillguryanov6037 2 года назад
@user-zu8gv7cl2b
@user-zu8gv7cl2b 6 лет назад
На 47 минуте было обещано выложить ссылки на исходники.
@user-pi4hj6ne2u
@user-pi4hj6ne2u 4 года назад
СПС
@victorcrittoh325
@victorcrittoh325 5 лет назад
смотрю в 2019, ошалел от того, что бывает без кнопки "применить" :)
@inzoddex8312
@inzoddex8312 4 года назад
В 2020 мы тоже удивляемся
@rtgRealTacticGames
@rtgRealTacticGames 5 лет назад
::1 это сокращенный ip6, полностью выглядит так 0:0:0:0:0:0:0:1 много интересного узнал про robot.txt и т.п.
@inilim
@inilim 4 года назад
Кстати да, вебинар по сокетам хорошо бы зашел.
@krystalllsoft7340
@krystalllsoft7340 10 месяцев назад
1
@sergeyk4319
@sergeyk4319 7 лет назад
сделайте лекцию по твигу, плиззззззз!!!)
@alexandertarasenko3038
@alexandertarasenko3038 6 лет назад
Запрос работает но в консоль ничего не выводит. Подскажите, в чем проблема может быть? Нашел. В новом Firefox эти данные отображаются во вкладке "Сеть"
@chip_a
@chip_a 6 лет назад
будет ли повторно ajax курс в 2018 году?
@user-dd3cq7jx8g
@user-dd3cq7jx8g 7 лет назад
При записи document.querySelector('input[name=email]') и все остальные появлялась ошибка script.js:7 Uncaught TypeError: Cannot read property 'value' of null При записи вида document.querySelector('#email') ошибок не было, в чем может быть проблема?
@dmitruz1900
@dmitruz1900 4 года назад
Можно ли писать как на 37 минуте у Вас вместо document.querySelector писать Document GetelementById?
@sfx2916
@sfx2916 6 лет назад
Всё сработало , но только ответ сервера на странице появляется на 1 секунду , а потом запись пропадает . Подскажите кута копать .
@user-no4oj5zg7c
@user-no4oj5zg7c 4 года назад
Добрый день, у меня возникла такая проблемка с Ajax. При загрузке картинки в интернет магазине, данные о картинке отправляются Ajax на Метод контролера, где эти данные обрабатываются, файл сохраняется, производятся над ним операции, дальше в таблицы пишутся такие данные, как айди картинки, айди товара которому она принадлежит, Альт картинки. При загрузки одной картинки все отлично. Например в товаре уже была загружена картинка с альтом, у меня сделано чтобы в последующие загружаемые альт копировался в них. Но проблема при мультизагрузке - в этом случает теряются данные Альта, и не записываются в базу. Но когда я дибажу, делаю вардамп и отправляю запрос, видимо из-за какой-то задержки, данные нормально записываются. Что это за проблема такая и как она лечиться?
@user-bo4ly4ko1d
@user-bo4ly4ko1d 7 лет назад
+
@hollowmusic7627
@hollowmusic7627 7 лет назад
В примере из видео выводит 1,2,3,4 ,а у меня: 1,2,4.В чем проблема?
@angrybeaver3425
@angrybeaver3425 6 лет назад
Дмитрий, подскажите, для выполнения этих всех запросов нужно сервер запускать? ведь браузер выдает ошибку, что не может с локальными файлами работать
@dmitrylavrik
@dmitrylavrik 6 лет назад
Да, конечно, страница должна быть открыта по протоколу https. Можно поставить локальный сервер, например, xampp. На канале есть видео про это.
@eugeneburenkov4187
@eugeneburenkov4187 7 лет назад
а где среда знаний 7 сентября?
@user-lo8pw4jc3o
@user-lo8pw4jc3o 3 года назад
а сокеты это безопасно с точки зрения кибербезопасности?
@oleksa537
@oleksa537 6 лет назад
очень плохо, что все на это пхп подвязано, я, например, бэк на джаве написал, хочу понять саму суть взаимодействия бэка с фронтом, а тут много примеров с пхп. А в целом, огромное спасибо, долго искал эту информацию. Подскажите, есть ли видео об Ajax на jQuery?
@alexandertarasenko3038
@alexandertarasenko3038 6 лет назад
Прошу прощения за нубский вопрос, я только учусь но, node.js же вроде сам по себе асинхронный?
@MultiStepan1
@MultiStepan1 7 лет назад
Добрый день. Где ссылки на материалы?
@MultiStepan1
@MultiStepan1 7 лет назад
просто это облегчило процес восприятия.
@user-sj4hr9jd4p
@user-sj4hr9jd4p 7 лет назад
В первом примере нужно замкнуть обращение к кнопки в переменную
@vladshcherbachenia9803
@vladshcherbachenia9803 7 лет назад
Можно и не делать !
@vladimirpsy8755
@vladimirpsy8755 Год назад
у меня на локальном open server не работает remote_addr. в чем может быть проблема?
@solong4347
@solong4347 Год назад
Ajax ещё актуальный?
@JekaChernigiv
@JekaChernigiv 6 лет назад
Не сравнивается с 1 вот так работает parseInt(request.responseText) == 1 а так request.responseText == '1' Нет Разобрался правильно request.responseText.trim() == '1' оно перед '1' При передаче добавляет пробел
@sergeyst5414
@sergeyst5414 4 года назад
я так понял многие моменты не актуальны в примерах, в целом идея то остается но обработчик событий в javascript уже изменился и так некто не делает
@user-dz8if1ch4f
@user-dz8if1ch4f 6 лет назад
А как внутреннюю перелинковку делать при использовании API History?
@krystalllsoft7340
@krystalllsoft7340 10 месяцев назад
1
@maksim4334
@maksim4334 3 года назад
конец 20го года, сижу учу AJAX и JQuery(
@alexbel3021
@alexbel3021 7 лет назад
Толковое объяснение. Отличие передачи данных в GET и POST запросах хорошо раскрыто.
@danissimo4044
@danissimo4044 5 лет назад
echo 'Привет'
@singlebw4065
@singlebw4065 4 года назад
Очень странно. Пытаюсь проводить манипуляции через Visual Studio Code и его плагин Live Server. Вижу подключение к php файлу смотрю на данные через console.dir показывает статус 200 и в responseText начинаются данные с
@singlebw4065
@singlebw4065 4 года назад
Если попытаться перейти к php файлу через Live Server (то есть по 127.1.0.0:5500/Lesson/ajax.php) то тупо браузер предлагает сохранить на комп файл.. Я так понимаю Live сервер не предназначен для работы с php?
@jsb7239
@jsb7239 4 года назад
@@singlebw4065 именно
@inikonelectrix2349
@inikonelectrix2349 4 года назад
в древние времена, можно было запросы слать добавлением
@AlekseiKazantcev
@AlekseiKazantcev 4 года назад
согласен, раньше вообще модно было срать на улице, эх как я скучаю, вот бы вернуть те времена когда можно было сказать путин уходи!
@undertech_music
@undertech_music 5 лет назад
1:00:27. не отправляется форма. и ничего вообщем не происходит) исходники здесь www.sendspace.com/file/1ikg1u ПОМОГИТЕ)))
@djavidalimli6641
@djavidalimli6641 4 года назад
Что с микрофоном?
@AAlex435
@AAlex435 7 лет назад
Голландский футбольный клуб, а не греческий. Один из лучших клубов 20-го века. За ролик спасибо.
@user-vb1oy9ir1c
@user-vb1oy9ir1c 7 лет назад
Виталий Олегович там речь велась о греческом герое мифов и легенд. Поинтересуйтесь. Не футболом едины
@gaben-agent
@gaben-agent 5 лет назад
Ну хз. Даже не зная PHP, там все равно интуитивно понятно, что написано.
@veronicasoloduha3009
@veronicasoloduha3009 6 лет назад
а можно исходник?пожалуйста.
@antonbuketov1072
@antonbuketov1072 6 лет назад
чет первый примерчик не работает:Ошибка синтаксического анализа XML: корневой элемент не найден
@user-rc7zf9vo7w
@user-rc7zf9vo7w 6 лет назад
запусти через localhost
@blackout1819
@blackout1819 4 года назад
Почему джаваскрипт, но аякс? Тогда уж либо яваскрипт, либо гораздо правильнее аджакс
@Friksest
@Friksest 7 лет назад
а где Nod посмотреть?
@uliasvatchenko9058
@uliasvatchenko9058 3 года назад
Аякс или аджакс?
@kaprizov3200
@kaprizov3200 3 года назад
2ое
@uliasvatchenko9058
@uliasvatchenko9058 3 года назад
Спасибо
@velfr5729
@velfr5729 5 лет назад
Вопрос: какой минимальный сервер можно использовать для того, чтобы тестить этот код самому?
@krystalllsoft7340
@krystalllsoft7340 10 месяцев назад
😊😊
@krystalllsoft7340
@krystalllsoft7340 10 месяцев назад
1
@krystalllsoft7340
@krystalllsoft7340 10 месяцев назад
11111
@krystalllsoft7340
@krystalllsoft7340 10 месяцев назад
2😊
@krystalllsoft7340
@krystalllsoft7340 10 месяцев назад
21
@koltypka
@koltypka 3 года назад
очень много воды, но все равно спасибо
@humanengine2385
@humanengine2385 Год назад
разбиение на 2 части, функции понимание не облегчает
@MIHANIZM56
@MIHANIZM56 6 лет назад
Столько воды в лекции....Отлично объясняешь, но это можно сделать и за 20 минут.
@user-tl9ws2qg3d
@user-tl9ws2qg3d 5 лет назад
А вот если в сартир по-большому при наличии поноса на расстоянии километра, в одних лаптях и без машины под рукой. Так может лучше вообще под кустики, да без трусов, да с газетной бумагой в руке? И почитаешь за одно новости свежие...
@maksimtroshkov173
@maksimtroshkov173 5 лет назад
Его цель - не показать как он крут, а донести материал до максимального количества людей. С этим Дмитрий отлично справляется- один из лучших лекторов на русском имхо.
@denden4455
@denden4455 4 года назад
Почему веб сайты тормозят и лагают на медленных компьютерах? У меня ноут 2011 года, серфить ютуб уже затруднительно на нем. Не говоря уже о слабых старых смартфонах. Зачем делать все таким ресурсоемким? Это изза яваскриптов тормоза или изза рендеров хтмл/цсс? Скорее изза яваскрипта, поэтому этот язык должен умереть, а его создатели сгореть на костре, вместе с теми, кто хреначит по 200к строк кода js кода в сайты
@MaruskaStarshaya
@MaruskaStarshaya 5 лет назад
аЯкс...
@wanes101
@wanes101 7 лет назад
Ajax по сути обычный запрос, но только через js
@makecodework4187
@makecodework4187 4 года назад
метушня
@Kuzma-Zaitsev
@Kuzma-Zaitsev 5 лет назад
Все бы хорошо, но это общение с чатом тянет дохрена времени... отписываюсь, невозможно смотреть, жалко времени
@GutsWarhammer
@GutsWarhammer 5 лет назад
Смешно слушать таких людей как вы... Ваша отписка ничего не значит)))) Это бесплатный вебинар и с очень хорошей подачей информации, как он может не отвечать на вопросы во время трансляции, он игнорировать должен чат по вашему!? Дмитрий Лаврик один из немногих, кто в состоянии объяснить сложные темы простым языком.
@Kuzma-Zaitsev
@Kuzma-Zaitsev 5 лет назад
Guts Warhammer , продолжай тратить время
@GutsWarhammer
@GutsWarhammer 5 лет назад
@@Kuzma-Zaitsev При чём тут время идиот..... Извините, но другое слово к вам применить не возможно.
@dianashelatkach5491
@dianashelatkach5491 4 года назад
Спасибо!
@user-zk7gw7sz2n
@user-zk7gw7sz2n 7 лет назад
А будет лекция от react?
Далее