Запросы к серверу с библиотекой Axios

Поделиться
HTML-код
  • Опубликовано: 14 июн 2024
  • Чтение, запись, обновление и удаление данных на сервере через JavaScript-код с библиотекой Axios, которая одинаково успешно работает как в браузере, так и на NodeJS. Разбираем API и возможности конфига.
    00:00 Введение
    02:11 Начало работы с axios
    03:46 GET запрос и разбор ответа
    08:01 Опции HTTP-запроса
    11:24 Работа с другими типами запросов
    14:57 Альтернативный синтаксис
    18:02 Request config
    19:39 Обработка ошибок
    22:33 Дополнительные возможности
    #javascript #js
    _
    Мои курсы по вебу с купонами:
    ✅ mishanep.com/
    📢 Поддержка канала:
    / mishanep
    www.tinkoff.ru/rm/nepomnyasch...
    paypal.me/mishanep

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

  • @denisfrolov5799
    @denisfrolov5799 3 года назад +19

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

  • @functionExpression
    @functionExpression 2 года назад +2

    Просто огонь, лаконично и доступно , спасибо

  • @daryaNik
    @daryaNik 2 года назад +1

    Михаил, спасибо за ролик)))начинающей мне разобраться очень помог в этом всем разнообразии)очень понятно и доходчиво объяснили))

  • @user-np4vg9pc5o
    @user-np4vg9pc5o 2 года назад

    Лучшее видео про axios что я смог найти на просторах сети. Спасибо!!!

  • @mikhail_shokun
    @mikhail_shokun 2 года назад +1

    Спасибо огромное Михаил, все толково, четко и ясно

  • @Xoma18
    @Xoma18 3 года назад

    Очень доступно про axios! Стало всё прозрачно.

  • @stanis_ts
    @stanis_ts 2 года назад +1

    спасибо! ценный материал,доходчиво)

  • @tomaraya3257
    @tomaraya3257 2 года назад +3

    Как практикант в JS благодарю за доходчивое повествование. После изучения fetch зашло легко. Сейчас поищу как во vue использовать и пойду тестить.

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

    Спасибо большое,очень крутой контент !!

  • @user-rm1ly8td9w
    @user-rm1ly8td9w 2 года назад

    Огромное спасибо за материал!!

  • @user-dz9pu4em8e
    @user-dz9pu4em8e 2 года назад

    На конец то то что я искал, лайк

  • @user-mq3cl1wg8h
    @user-mq3cl1wg8h 2 года назад

    Хорошее видео! Благодарочка, лойс!

  • @user-yo3ie2hw9f
    @user-yo3ie2hw9f 3 года назад

    Отлично подаешь материал! Для джуна инфа полезная да и некоторым мидлам бы не помешала.

  • @beha8675
    @beha8675 10 месяцев назад +1

    Спасибо круто объяснили!

  • @oleksiirohochyi1709
    @oleksiirohochyi1709 2 года назад

    хороший контент. Приятно смотреть.
    Для полной красоты еще бы таймкоды проставить :)

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

    Отличный ролик. Спасибо

  • @user-pv4mh2xd6e
    @user-pv4mh2xd6e 23 дня назад

    какой же у тебя голос приятный

  • @user-bg7ni7og9f
    @user-bg7ni7og9f 2 года назад

    красота.
    респект и уважуха

  • @user-bi7ep1dr7l
    @user-bi7ep1dr7l 2 года назад

    Спасибо, очень помог

  • @svetlanaprus4817
    @svetlanaprus4817 3 года назад +1

    Spasibo!

  • @maksatttologonov9432
    @maksatttologonov9432 3 года назад +2

    Спасибо большое!

    • @dasi4301
      @dasi4301 2 года назад

      Не за что

  • @yakut54
    @yakut54 3 года назад +1

    Лайк! Михаил, очень классно объясняешь )

  • @BirTutamTemeki
    @BirTutamTemeki 2 года назад +1

    Спасибо , еще было бы круто если бы оставляли ссылки на используемые сайты и прочее (не то что бы я жаловался но так удобнее )

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

    спасибо помогло))

  • @laziz_0522
    @laziz_0522 2 года назад

    Спасибо!

  • @unicoxr5tj417
    @unicoxr5tj417 2 года назад +1

    да, в ру-сегменте лучший урок)

  • @Armas0n
    @Armas0n 2 года назад

    Спасибо за полезную информацию. Единственное что, фортните по-другому произносится :D

  • @munutd9857
    @munutd9857 3 года назад +1

    👍👍👍👍👍👍👍👍👍👍

  • @rodgerbrio5818
    @rodgerbrio5818 2 года назад

    я вот только не пойму такой нюанс: если мы конвертим проект в babel для работы в старых браузерах, разве есть смысл в axios ?

    • @mishanep
      @mishanep  2 года назад +1

      Безусловно есть. Для кого то это будет вопросом предпочтения, для кого-то более декларативным подходом, благодаря возможностям axios, для кого то простота использования (нам не надо вручную туда сюда преобразовывать json), ну и axios работает на nodejs, а fetch нет (иногда это тоже может играть роль, например, при тестировании).

  • @Host-Tach
    @Host-Tach Месяц назад

    что за тема в вс коде?

  • @Viktorres1
    @Viktorres1 2 года назад

    Очень жаль, что в вашем видео нет метода patch. Хотел узнать есть ли возможность пробежаться по массиву объектов и проставить всем ключам допустим значение true. Нигде не могу найти как это сделать. Мне кажется, что это можно только сделать только с методом patch.

    • @mishanep
      @mishanep  2 года назад +1

      Думаю подобную подготовку данных нужно сделать на фронте перед отправкой. И да, обновить данные методом patch. Но к подготовке данных напрямую это отношение не имеет. Вам просто замапить вашу коллекцию надо.

    • @Viktorres1
      @Viktorres1 2 года назад

      @@mishanep подскажите, пожалуйста, как можно методом patch заменить весь объект на новый объект? Где можно код посмотреть?

    • @mishanep
      @mishanep  2 года назад +1

      @@Viktorres1 patch существует для точечного обновления, хотя никто не мешает передать в качестве содержимого полностью обновленный объект. Просто при отправке данных отправьте новый объект целиком. Айдишник только не трогайте.

    • @Viktorres1
      @Viktorres1 2 года назад

      @@mishanep я просто не знаю как мне заменить весь массив, todos например, на новый. Не знаю как это выражение прописать.

    • @mishanep
      @mishanep  2 года назад +1

      Тогда вам прямая дорога к моему плейлисту Фундаментальный JavaScript. Если точнее, то к методам массива.

  • @user-uf3br1rd1j
    @user-uf3br1rd1j 2 года назад +2

    спасибо за видео.я в пк вообще ничего не понимаю .и смотреть юоюсь и лень т к все равно не пойму не попользуюсь я услышала это слово смотря по интернет интернет трансляцю богослужения.великое дело интернет трансляции! в церковь не пустили помогли посмотреть по интернету I чтотакое аксиос?-а я не знаю.

  • @melitopol_Russia
    @melitopol_Russia 3 года назад

    кто понимает, объясните пожалуйста, при авторизации что можно указывать в headers: {
    Authorization: ? часто вижу, что сюда пишут "Bearer " + token, но почему именно так?
    }

    • @mishanep
      @mishanep  3 года назад

      Здравствуйте.
      Есть разные варианты авторизации. Где попроще, будет просто статичный ключ, где-то посложнее скорее всего будет JWT или JSON Web Token, который динамический и часто идёт с префиксом, про который вы спрашиваете.

    • @melitopol_Russia
      @melitopol_Russia 3 года назад

      @@mishanep , а есть api где можно попробовать сделать авторизацию, просто пробовал с json placeholder, там нет токена никакого, почитал за это, в теории понял, но откуда брать токен не совсем ясно. Можете объяснить если не трудно? и какие параметры вообще указывать в Authorization, могу ли я просто поля с формы по типу пароля туда присвоить и потом зайти по таким данным?

    • @mishanep
      @mishanep  3 года назад

      С JWT открытых API не знаю. fortniteapi.io для работы дает ключ, который как раз через заголовок авторизации посылать надо, можно начать с этого. Там много интересных апишек.
      Касаемо полей формы, то они в body передаются.

    • @mishanep
      @mishanep  3 года назад

      developer.todoist.com/guides/ этот сервис предоставляет работу с токенами.

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

    Почему-то качество только 360р уже 2й день.

  • @user-oq2qz8qy8h
    @user-oq2qz8qy8h 2 года назад

    Ребят, подскажите . Я также делаю аксиос гет запрос к серверу с данными, у меня получилось их записать в хук useState, но я не могу вывести их так как выдает ошибку в строке posts.map, ошибка в том что хук useState не массив а объект, а .map применяется только к массивам, но я не понимаю как мне тогда быть.

  • @user-wc9kq3mi4o
    @user-wc9kq3mi4o День назад

    А у вас есть видео TS + Axios? Только не в Реакте

    • @mishanep
      @mishanep  9 часов назад

      Не было такого :)

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

    Все установил. но выдает вот это
    Cannot read properties of undefined (reading 'get')
    как будто бы нет этого метода у аксиос. Не могу понять в чем может быть проблема ((

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

      Так ошибка говорит скорее о том, что это axios определился как undefined

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

      @@mishanep аксиос установил в зависимости. В json он есть. Причем через vue он работает, а если запускаю в ноде, то вот такая ошибка (
      Не разобрался

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

      @@Igoigo666 без дефолта, тоже столкнулся с данной проблемой. Просто пропиши: const axios = require("axios");

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

      @@aheroofourtime2415 спасибо, дружище

  • @user-kp6ys7vs6d
    @user-kp6ys7vs6d Год назад

    6:06

  • @kodmanspp6724
    @kodmanspp6724 2 года назад +1

    Олды: фортнИте, Маслята: фОртнайт

  • @kreynmocanu
    @kreynmocanu 2 года назад

    Ммм, а где звук

    • @mishanep
      @mishanep  2 года назад

      Звук на месте. Может временный глюк какой был.

    • @kreynmocanu
      @kreynmocanu 2 года назад +1

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

  • @MaiklTil
    @MaiklTil 2 года назад

    не очень

  • @zakiro4277
    @zakiro4277 2 года назад

    5:24 при наборе команды $ node index.js в терминале выдает ошибку. "Имя "$" не распознано как имя командлета"
    подскажите люди добрые)

    • @zakiro4277
      @zakiro4277 2 года назад

      надо набрать в терминале без знака доллара тогда запустится "node index.js"

    • @mishanep
      @mishanep  2 года назад

      Так и есть. Доллар я не набираю на видео. Он просто всегда отображается в консольной среде bash.

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

    Столкнулся с проблемой. Написал парсер сайта, который исправно работал, но со вчерашнего вечера при какой-то неудачной попытке подключить к gitHub'у ответ с любого сайта на get запрос стал приходить в закодированном виде (типа такого 32�fR��•F�Z^G�C��M�bɛ). Что не так я сделал и как это исправить?