• Wednesday , 1 April 2020

Урок 14. JavaScript. Запросы на сервер. Fetch, XMLHttpRequest (XHR), Ajax

Code Canyon



Telegram: https://teleg.one/js_by_vladilen
Instagram: https://www.instagram.com/vladilen.minin
VK: https://vk.com/vladilen.minin
Группа VK: https://vk.com/js_by_vladilen

Полный курс по Angular 8+:
https://clc.to/angular

React Native: мобильная разработка на JavaScript:
https://clc.to/rnative

Полный курс по ReactJS:
https://clc.to/react

Исходный код:
https://gist.github.com/vladilenm/55757c96182d8d03678aa32b7354fe85

Урок 14. JavaScript. Запросы на сервер. Fetch, XMLHttpRequest (XHR), Ajax

Сложный JavaScript простым языком:

#ajax #javascript #fetch

Original source

3d Ocean

Related Posts

32 Comments

  1. Ali Fox
    February 22, 2020 at 05:58

    Досмотрел плейлист. Спасибо за уроки !

  2. Костя Бахронов
    February 22, 2020 at 05:58

    Отличный урок, проходит со свистом ))

  3. IMI. tj
    February 22, 2020 at 05:58

    спасибо за урок а где Ajax();

  4. Angela Razina
    February 22, 2020 at 05:58

    xhr.js:10 Uncaught SyntaxError: missing ) after argument list

  5. Angela Razina
    February 22, 2020 at 05:58

    Почему выдаёт ошибку, когда ввожу эту строку: xhr.setRequestHeader(name: 'Content-Type', value: 'application/json')? Благодарю за ответ и за видео!

  6. Mr Reflection
    February 22, 2020 at 05:58

    Реально, практически идеальный урок!
    Единственное из-за чего картина не совсем до конца складывается, так это из-за того, что были опущены async/await, а также очень хотелось бы увидеть наглядный пример serialize у ajax, но используя fetch

  7. Alice Liddell
    February 22, 2020 at 05:58

    Не подскажешь, как сделать такой же запрос на стороне сервера?

  8. Алексей Кравчук
    February 22, 2020 at 05:58

    уроки ТОП! всё чётко и по полочкам.
    спасибо!

  9. Sergey Vasiliev
    February 22, 2020 at 05:58

    привет, что должен уметь делать джуниор фронтенд или мидл (это только уметь делать анимации, или нечто большее?) пожалуйста дайте кто-то ответ

  10. Aleksey Pakriev
    February 22, 2020 at 05:58

    Владилен, я знаю, что ты сможешь мне помочь. Подскажи пожалуйста, как обойти CORS. Я отправляю пост запрос на сервер, который мне не принадлежит, и этот запрос блокируется. Has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

  11. De17eon
    February 22, 2020 at 05:58

    Огонь, теперь хватает знаний чтобы полчить данные со своего REST api

  12. Andriy Vorona
    February 22, 2020 at 05:58

    Давайте больше таких видео

  13. Павел Город
    February 22, 2020 at 05:58

    Спасибо огромное разобрали супер. поставил бы два лайка даже. подписался.

  14. Sekiro Genshiro
    February 22, 2020 at 05:58

    Влад,не отображаются данные data в новой вкладке response payload.вообще этой вкладки нету .не видно данных,которые я скинул

  15. George Gogiava
    February 22, 2020 at 05:58

    Здравствуйте!!!

    Я изучаю frontend по Вашим лекциям Vue.js . Я даже приобрел ваш курс по Node.js. хочу стать Full stack разработчиком. Но без базой данных не обойтись. Когда я отправляю XMLHTTP запрос PHP серверу, то выдает ошибку вроле –

    Access to XMLHttpRequest at 'http://localhost/ajax/fruits2.php' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

    Уже несколько дней не могу решить проблему, в интернете предлогают решения, но они мне не удовлеторяют. Расширения для браузера не работают, Proxy Site замедляет процесс получения данных.

    Я знаю, что это сделано для обеспечения безопасносты, но каким образом «представлят пропуск» серверу, чтобы он узнал?

    Я знаю, что можно управлять даннымы с помощью Node.js, но иногда требуется частично обновлять страничку, отправив и принимав данных XMLHTTP запросом.

    Если я не найду удовлетворяющегося решения, то я буду сожалеть о том что я вообше начал изучать frontend.
    Помогите мне пожалуйста!!!!

  16. George Gogiava
    February 22, 2020 at 05:58

    Спасибо!!!

  17. Алекс
    February 22, 2020 at 05:58

    в чем разница между JSON.parse(response) & response.json() ?

  18. Антон Соколовский
    February 22, 2020 at 05:58

    Хороший урок. Не хватает только упоминания об async/await и наглядного использования полученной информации из сервера

  19. Alena Jalakas
    February 22, 2020 at 05:58

    Spasibo bolshoe! Ja ne znau za chto ja plachu dengi GeekBrains, nam naprimer ne rasskazali na yroke, chto znachit JSON.parse i chto mojno prosto sdelat onload i chto est xhr.onerror….Ochen kruto, chto est Vash kanal!! Spasibo!

  20. Maksym Vintskovskyi
    February 22, 2020 at 05:58

    Очень доступно. Но подскажите как использовать полученные данные, где они хранятся и т.п.

  21. Андрей Маркелов
    February 22, 2020 at 05:58

    Единственные годные видео уроки по JS, я столько всего пересмотрел в ютубе и только твои мне зашли, Лайк! Продолжай в том же духе 🙂

  22. Евгений Давыдов
    February 22, 2020 at 05:58

    Добрый день, у меня возникла такая проблемка с Ajax. При загрузке картинки в интернет магазине, данные о картинке отправляются Ajax на Метод контролера, где эти данные обрабатываются, файл сохраняется, производятся над ним операции, дальше в таблицы пишутся такие данные, как айди картинки, айди товара которому она принадлежит, Альт картинки. При загрузки одной картинки все отлично. Например в товаре уже была загружена картинка с альтом, у меня сделано чтобы в последующие загружаемые альт копировался в них. Но проблема при мультизагрузке – в этом случает теряются данные Альта, и не записываются в базу. Но когда я дибажу, делаю вардамп и отправляю запрос, видимо из-за какой-то задержки, данные нормально записываются. Что это за проблема такая и как она лечиться?

  23. Evgeny
    February 22, 2020 at 05:58

    круто, действительно очень познавательно, как только появятся деньги отблагодарю, курс куплю или задоначу, очень понятно, а главное отвечает на все вопросы которые мучали раннеее

  24. Pavel Alekseev
    February 22, 2020 at 05:58

    Очень клевое расширение для Гитхаба, спасибо Владилен. Даже пассивно умеешь помогать 🙂

  25. Alya.romanovna Obryvina
    February 22, 2020 at 05:58

    рекурсия!!!

  26. Blood Raven
    February 22, 2020 at 05:58

    спасибо, помог

  27. Sergi
    February 22, 2020 at 05:58

    Добрый день.
    Вкладываю полученый массив в глобальный объект window, а консоль возвращает undefined, хотя если смотреть сам объект , то массив в нем есть.
    Где может быть ошибка?

  28. Богдан
    February 22, 2020 at 05:58

    Было бы неплохо видеоурок по примесях и EventMixin

  29. Дмитрий Алексеев
    February 22, 2020 at 05:58

    _ Notes / Timecodes
    1: 2:54

  30. seven pages
    February 22, 2020 at 05:58

    Владилен, спасибо тебе за твои видео. Очень помогают!

    Нет ли у тебя в планах записать мастер класс по DevTools бразуера?

    У тебя очень много уроков в которых ты объясняешь, как что-то сделать с нуля, с этим все более-менее понятно. Мог бы ты записать какой-нибудь курс, в котором ты бы взял какой-нибудь open-source проект, и показал от и до, как разобраться в новом проекте, с чего начать, как правильно читать код, как структурировать полученную информацию и приступить к допиливанию своего функционала. (Лично меня интересуют проекты на Angular и чистом JS).

  31. Alex Pro
    February 22, 2020 at 05:58

    Не работает. В консоли ошибка: Uncaught SyntaxError: missing ) after argument list

  32. Saken Bolatzhanuly
    February 22, 2020 at 05:58

    ТОП урок!!!

Leave A Comment

You must be logged in to post a comment.