GET и POST на JavaScript. Делаем AJAX запросы с помощью XMLHttpRequest | JavaScript 2.0

Поделиться
HTML-код
  • Опубликовано: 21 май 2024
  • 🔶 itgid.info/ru/course/js20/aja...
    Задать вопрос по курсу: telegram.me/itgid_admin
    ✈️ Телеграм канал общий: t.me/itgid_info
    👨‍🎓 Курсы:
    HTML : itgid.info/ru/course/html
    JavaScript 2.0: itgid.info/ru/course/js20
    ReactJS: itgid.info/ru/course/reactjs
    PHP: itgid.info/ru/course/php
    Интернет магазин: itgid.info/ru/course/nodeshop
    Канал ru: / itgid
    Канал UA: / @itgidua-web7836
    Создаем запросы методом GET и POST с помощью JavaScript. Изучаем объект XMLHTTPREQUEST, методы open, send, onload. Изучаем как добавлять заголовки авторизации в запросы. Создаем POST запрос с FormData Body. Добавляем requestHeader. Пишем обработчики ответов сервера.
    Знакомимся с CORS, Prefligth запросом OPTIONS. Оптимизируем код.
    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
    Моя рабочая станция:
    Desktop: AMD Ryzen5 1600,Asus GeForce GTX 1650 Phoenix 4GB GDDR6, RAM: 32GB, Motheboard: MSI A320M PRO-M2 V2, Power: Chieftec Value APB-400B8 400W Bulk, Box: Gougar MX350 Mesh
    HDD:
    - Samsung 860 Evo-Series 500GB M.2
    - Toshiba P300 2TB
    - Silicon Power A56 256GB
    Monitors:
    - 23.8" Dell P2419HC
    - 23.8" Dell P2418D
    Mouse: Trust Verto Ergonomic Wireless
    Keyboard: HP KU-1469
    Microphone: Samson C01U Pro
    + IBM Lenovo ThinkPad E14 / Intel Core i5-1135G7 (4.2 ГГц) / RAM 16 ГБ / SSD 1 ТБ / Intel Iris Xe Graphics

Комментарии • 24

  • @argishtimenuahi5289
    @argishtimenuahi5289 Год назад +14

    Вы лучший! Большое спасибо за то, что не отказались от русскоязычной аудитории!

  • @user-ud2cb5jn5i
    @user-ud2cb5jn5i Год назад +2

    один из лучших курсов для тех кто сам начинает учить js. проверено на личном опыте, если я раньше обратил внимание, то не потерял бы столько времени на изучение js

  • @DerAleksey
    @DerAleksey 9 месяцев назад

    Спасибо Александр, подаёте много информации для общего пользования!

  • @Max_FS
    @Max_FS Год назад

    Александр, доброго времени суток, спасибо за качественный контент! Здоровья Вам в это не простое время.

  • @sergeyborunov5551
    @sergeyborunov5551 Год назад

    Большое спасибо Вам Александр !!

  • @dauletdanishbayev
    @dauletdanishbayev Год назад

    Спасибо за информацию!

  • @Cherry.Blossom.11
    @Cherry.Blossom.11 Год назад +1

    Спасибо за объяснение cors простыми словами

    • @Nine_Tails
      @Nine_Tails Год назад +1

      а вот мне не хватило, хотелось бы более подробно послушать про корс, недавно на собесе спросили, я слегка в ступор впал, никогда не гуглил, просто знал, что если выпал корс, значит, что-то я на локалхосте навертел)

  • @evgeniika8426
    @evgeniika8426 Год назад

    Спасибо!Очень полезное видео.

  • @dr.sergei9656
    @dr.sergei9656 Год назад

    очень круто доходчиво объяснено!

  • @arturnyhora3791
    @arturnyhora3791 8 месяцев назад

    +110% інформаціі.
    Дякую!

  • @unknown.6914
    @unknown.6914 6 месяцев назад

    спасибо за урок)

  • @nic-ori
    @nic-ori Год назад

    Thanks.

  • @MrKOHKyPEHT
    @MrKOHKyPEHT Год назад

    Что бы не привязываться к порядку подключения скриптов - как вариант использовать import/export и подключать скрипты используя аттрибут type="module"

  • @htcsergeimail
    @htcsergeimail 7 месяцев назад

    👍🙏

  • @igork9659
    @igork9659 11 месяцев назад

    19:48 как сделать такой перенос на новую строку?

  • @Nine_Tails
    @Nine_Tails Год назад

    хотелось бы маленький ролик по корсу, желательно в рамках фреймворка ангуляр или вью

  • @melnyktomas
    @melnyktomas Год назад