JavaScript Fetch на практике. JavaScript v 2.0

Поділитися
Вставка
  • Опубліковано 2 гру 2024

КОМЕНТАРІ • 82

  • @dimashtef7077
    @dimashtef7077 5 років тому +4

    спасибо за урок, приятно когда автор объясняет то, что происходит под капотом

  • @estupidoParapente
    @estupidoParapente 2 роки тому +1

    Это единственный урок уважаемого Александра, после которого остались вопросы.
    А именно: не поддается объяснению с помощью здравого смысла (моего собственного).
    Например на 6:07 :
    fetch(url)
    .then((data) => {
    // первый then
    console.log(data);
    return data.text();
    })
    .then((data) => {
    // второй then
    console.log(data);
    });
    1) Непонятно почему data.text является промисом, да еще в статусе pending. Ведь метод .text () всего - лишь достает нам текст из объекта data (response), который уже получен ранее и успешно выведен в консоли. Соответственно, асинхронность к .text неприменима. То есть text уже должен содержаться в response, так как сработал // первый then, что говорит о том, что response получен полностью.
    Поэтому, здравый смысл подсказывает что приведенная задача может быть решена в одной процедуре, без всяких ожиданий и асинхронностей:
    .then((data) => {
    console.log(data.text());
    })
    Верно?
    2) В видео две процедуры (// первый then и // второй then) выполняются в произвольном порядке. А согласно синтаксису, должны выполняться последовательно. За это говорит синтаксис, если записать эту конструкцию наглядно:
    .then((data) => {(// первый then }).then((data) => {// второй then });
    Мы видим здесь что по синтаксису, второй then является функцией объекта, возвращаемого первым then. Таким образом, они не могут выполняться в произвольном порядке, но должны выполнятся хронологически: второй вслед за первым.
    Где я ошибаюсь?
    Благодарю за урок!

  • @aleksandraSwedenVlog
    @aleksandraSwedenVlog 5 років тому +1

    spasibo za objasnenie i zanovij sait s info

  • @Nomad-mf9pn
    @Nomad-mf9pn 5 років тому +5

    Благодаря этому уроку я наконец понял эту асинхронность и промисы, хорошо объясняете, спасибо) очень хотелось бы так же урок по async/await :)

    • @rva3674
      @rva3674 5 років тому

      Learnjsвдумчиво вчитайся и поймешь.... там реально разжовано

    • @phat80
      @phat80 4 роки тому

      I_saw_an_accident и вчитываться не надо, так как это просто другой синтаксис для тех же промисов. Если понял асинхронность и промисы async await поймешь автоматом. Просто видимо человек все-таки ничего не понял.

  • @unkn0wn_us3r54
    @unkn0wn_us3r54 5 років тому +14

    В вашем курсе по JS сделайте подробные практические уроки по регулярным выражениям от простого к сложному с разным уровнем сложности ДЗ. Чтобы полученные знания можно было применять при программировании сайтов.

  • @Lunar66
    @Lunar66 6 місяців тому

    как мне отправить большой массив с данными на сервер php с возможностью дальнейшего использования?

  • @logotypemonster
    @logotypemonster Рік тому

    объяснение отличное, единственное если добавить в него форму html для метода post, то будет вообще полноценно, так как форма будет отличаться от формы отправки обычным способом, немного, но будет

  • @-it-kidys
    @-it-kidys 4 роки тому +8

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

    • @ИванЖуравлёв-у5т
      @ИванЖуравлёв-у5т 4 роки тому +1

      Вы нашли ответ на данный вопрос, столкнулся с данной проблемой(

    • @-it-kidys
      @-it-kidys 4 роки тому

      @@ИванЖуравлёв-у5т нет частично только..

    • @СашаКравчук-з3э
      @СашаКравчук-з3э 3 роки тому

      @@ИванЖуравлёв-у5т не уверен, что это вам уже нужно, но вам стоит копать в второну заголовков, которые вы отправляете с запросами и те которые вам отправляет в ответ сервер. Там много нюансов, без понятия бекэнда, я так понимаю, мало что можно сделать

  • @krepkovmeste
    @krepkovmeste 2 роки тому

    а как вытащить разметку со страницы, где она подгружается тоже с помощью fetch?

  • @Tiberiumgod
    @Tiberiumgod 4 роки тому +4

    Можно ли добавить к вашему курсу "Практический JS" уроки з заданиями для промисов и fetch? Ради этих заданий целый курс приобретать не выгодно, а предыдущий без них неполный.

  • @Vladislav1449
    @Vladislav1449 2 роки тому

    Спасибо за видео, очень помогло разобраться

  • @TsA1ex
    @TsA1ex 5 років тому +13

    Аякс - это уже сленговое, так что не надо тут... Если на то пошло, то что команда, что охранная система пишутся ajax, а произносятся Аякс. Там что? В виде исключения? Если уж на то пошло, то ейджекс. Не путайте слова по правилам и ИТ сленг. Слово ajax выдуманное по сути, поэтому произносится по устоявшимся привычкам, а не по правилам

    • @dimashtef7077
      @dimashtef7077 5 років тому +1

      @@LogopedLTD Asynchronous - |eɪˈsɪŋkrənəs|, автор выше абсолютно прав

    • @promax866
      @promax866 4 роки тому +1

      Нашли к чему докапаца, важна суть видосов, а не вот это вот всё

    • @seolab8173
      @seolab8173 4 роки тому +2

      @@promax866 Автор видео сам спровоцировал реакцию.

    • @Anna_Bliznyuk
      @Anna_Bliznyuk 4 роки тому +4

      Вот именно, мне как раз ажакс слух режет.

  • @theb0mbist
    @theb0mbist 4 роки тому

    При отправке небольшого объема текста, не возникает никаких ошибок. Но когда отправляю большой объем текста, то браузер ругается "400 Bad Request". Кто подскажет, как решить проблему?

  • @tinaanit2965
    @tinaanit2965 4 роки тому +2

    11:05 POST запрос

  • @TheJonvish
    @TheJonvish 4 роки тому +1

    Доброго времени суток.
    Подскажите как в body в строку (13 минута) вставить переменную?

    • @Wyraxx
      @Wyraxx 4 роки тому

      вставить переменную без кавычек

  • @alexforos5425
    @alexforos5425 3 роки тому

    Спасибо за урок!

  • @glazovski8497
    @glazovski8497 4 роки тому

    Это гениально!

  • @РоманГирич-з5ш
    @РоманГирич-з5ш 5 років тому +1

    маленькая ремарочка чтобы различать консоль логи, можно писать -- console.log('идентификатор тратата', data)

    • @estupidoParapente
      @estupidoParapente 2 роки тому

      для этого даже придумали console.group()

  • @АнтонМирный-с5х
    @АнтонМирный-с5х 5 років тому +5

    Спасибо.. Очень актуально.. p.s. Но всё же не совсем понятно в чём разница между fetch и XMLHttpRequest.. т.к. промисы можно заменить обычными функциями. т.е. результат по сути один. или fetch всё-таки быстрее выполняется? т.е. что есть у fetch, чего нельзя сделать при использовании XMLHttpRequest

    • @morkich
      @morkich 5 років тому

      присоединяюсь к вопросу

    • @DrZlad
      @DrZlad 5 років тому +9

      0. Ускорить написания кода.
      1. Сократить объем кода.
      2. Улучшить читабельность.
      3. На промисы распростаняються те же пункты.
      Когда вы будет писать и читать огромный код- то это будет просто жизненно важно. Особенно когда он написан НЕ вами)))
      Так что этот урок- жизненно необходим.
      П. С. Во многих проектах ЧИТАБЕЛЬНОСТЬ важнее СКОРОСТИ работы кода. Так программисту платят по часам. А пользователь- если на подписке- платит ещё больше. А если это разовая покупка- так вообще на него можно насрать))) Шучу)))

    • @Max-kr4ie
      @Max-kr4ie 5 років тому +1

      @@DrZlad хороший ответ.

    • @СтаниславЛапутьев
      @СтаниславЛапутьев 5 років тому +1

      Решают проблему callback hell, убирают лишнюю логику из запроса.

    • @Wyraxx
      @Wyraxx 4 роки тому

      погугли: callback hell, посмотри в изображения

  • @insomniad2317
    @insomniad2317 5 років тому

    А fetch умеет в гет запросе принимать параметры для строки запроса(url) как в AJAX или всегда надо "ручками " составлять строку ?
    Когда пытаюсь так отправить параметры ругается на неправильный боди

  • @Azzagtot
    @Azzagtot 4 роки тому

    Дзен и Аус! Два товарища

  • @amelikrotova8006
    @amelikrotova8006 2 роки тому

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

  • @irynabelaya8191
    @irynabelaya8191 3 роки тому

    Подскажите пожалуйста, если я использую fetch, мне же уже не нужен тогда метод open и sendполучается?

    • @batradzbazzaev
      @batradzbazzaev 3 роки тому

      Нет, это все сама функция делает. Он уже присылает ответ со статусом запроса и вв по ней проверку делаете и реагируете по ней

  • @МаксимНырков-у6г
    @МаксимНырков-у6г 3 роки тому

    Спасибо!

  • @olegBilyi-n4j
    @olegBilyi-n4j 2 роки тому

    Спасибо

  • @letsplay6285
    @letsplay6285 5 років тому

    Супер!

  • @elmanmammadov1877
    @elmanmammadov1877 3 роки тому

    спасибо!

  • @oleksandrkhrashchevskyi5265
    @oleksandrkhrashchevskyi5265 2 роки тому

    Я тоже использую яву и аякс в написании сайтов ну и хетемел, це-ес-ес ну или и разные библиатеки

  • @vladimirpsy8755
    @vladimirpsy8755 Рік тому

    задремал. приснилось что поругался с девушкой и я об этом говорю с другом. Он мне говорит: Можно послать её. И я просыпаюсь как раз на этих словах видео 14:07.

  • @yutbchannel
    @yutbchannel 2 роки тому

    что такое data....для чего он

  • @rva3674
    @rva3674 5 років тому +3

    Ваши видосы плюс learnjs, свежая голова и больше ничего не нужно

    • @TheAgressio
      @TheAgressio 5 років тому +1

      I_saw_an_accident супер! Приятно быть полезными! Спасибо за комментарий!

  • @boycovclub
    @boycovclub 4 роки тому +1

    Прям руки чешутся, чтобы создать wrapper функции, чтобы не дублировать код)

  • @professor5474
    @professor5474 2 роки тому

    Сайт ваш не работает (хочу купить курс js но не могу )

    • @itgid
      @itgid  2 роки тому

      Это рф все блочит. Пользуйтесь vpn.

  • @ДмитрийФедоров-м4ю

    жыес аякс , хтмл сисс , обожаю 😂😂

  • @dmitriyzhukov4592
    @dmitriyzhukov4592 2 роки тому

    А где же содержимое php?? ((

  • @MrRasul121288
    @MrRasul121288 Рік тому

    Да когда же я это все усвою?))) мне кажется никогда)

  • @pse1525
    @pse1525 3 роки тому

    Сори за тупой вопрос, но как вытащить data из fetch во внешнюю переменную? Не понимаю

    • @itgid
      @itgid  3 роки тому

      Async await или promise

  • @alextitan902
    @alextitan902 2 роки тому

    Я с Канады. Мне then тоже режим слух как ты произносишь. Уже лучше дэн чем зэн. А в остальном видео хороший. Спасибо.

  • @anixi85
    @anixi85 3 роки тому +1

    один из самых сложных уроков

  • @timzeynalov3537
    @timzeynalov3537 3 роки тому

    вы все такие молодцы ) а когда появится такая услуша чтобы вот ну я завис к какой то теме например асинхронность и мне нужно чтобы учитель мне показал че и как ) а оплата по зеленым оценивается ну как бы час 50 долларов или 60 ну если скидка есть то буду часто обращаться )

  • @tdv7811
    @tdv7811 4 роки тому +1

    Аджакс. Чтобы не резало слух. Почитайте за них и ГЭканье - вместе звучит ахуенно !

  • @YauhenRomeiko
    @YauhenRomeiko 4 роки тому

    +

  • @vadimkh
    @vadimkh 8 місяців тому

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

    • @itgid
      @itgid  8 місяців тому

      От души душевно

  • @krayslol-t5f
    @krayslol-t5f Рік тому

    Чел затирает за произношение AJAX, но.... захатовка, кохда, и т.д.

  • @yarik83men51
    @yarik83men51 4 роки тому

    +++

  • @sv3163
    @sv3163 5 років тому +3

    А знаете как сильно режет слух "ЦЭ эс эс" (CSS)? "ЦЭ эм эс" (CMS)?

    • @MrVebber
      @MrVebber 5 років тому +3

      S V если вы сюда пришли за правильным произношением, а не за внятной подачей информации по конкретной теме, то вы ошиблись каналом

    • @sv3163
      @sv3163 5 років тому

      ​@@MrVebber Может это вы ошиблись? Автор канала сам просил подсказывать как правильно произносить английские слова, не знаете - не пишите. Вежливо указать ошибку - это нормально, комментарии в том числе для этого существуют.

    • @batpyiiikob7245
      @batpyiiikob7245 5 років тому

      @@sv3163 как же правильно?

    • @sv3163
      @sv3163 5 років тому

      ​@@batpyiiikob7245 СИ эс эс (css) и СИ эм эс (cms). Это то, что я слышу на слух от англоговорящих коллег. И это по правилам англ. языка кмк.

  • @cosintup619
    @cosintup619 4 роки тому +1

    "хто" как-то тоже режет слух. г тоже...

    • @yushato
      @yushato 4 роки тому +6

      господи, одни логопеды собрались. Что вы тогда делаете в уроке по JS?

    • @cosintup619
      @cosintup619 4 роки тому +7

      @@yushato теряем слух и страдаем...

    • @kotvich7288
      @kotvich7288 Рік тому

      знаешь что пошел на хуй. Автор канала украинец, а ты биомусор. Слава Украине!

    • @Human-de8nf
      @Human-de8nf 10 місяців тому

      ​@@yushato😂😂