JavaScript Fetch на практике. JavaScript v 2.0
js2.itgid.info
Сайт для проверки getpost.itgid.info
React курс: itgid.info/react
Этот урок: js2.itgid.info/unit?unit=fetc...
VK: webdev_zero
Курс практический JavaScript: js.itgid.info
JSRules: t.me/jsrules
Пікірлер: 82
спасибо за урок, приятно когда автор объясняет то, что происходит под капотом
Благодаря этому уроку я наконец понял эту асинхронность и промисы, хорошо объясняете, спасибо) очень хотелось бы так же урок по async/await :)
@rva3674
4 жыл бұрын
Learnjsвдумчиво вчитайся и поймешь.... там реально разжовано
@phat80
3 жыл бұрын
I_saw_an_accident и вчитываться не надо, так как это просто другой синтаксис для тех же промисов. Если понял асинхронность и промисы async await поймешь автоматом. Просто видимо человек все-таки ничего не понял.
spasibo za objasnenie i zanovij sait s info
Спасибо за видео, очень помогло разобраться
Спасибо за урок!
Это единственный урок уважаемого Александра, после которого остались вопросы. А именно: не поддается объяснению с помощью здравого смысла (моего собственного). Например на 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. Таким образом, они не могут выполняться в произвольном порядке, но должны выполнятся хронологически: второй вслед за первым. Где я ошибаюсь? Благодарю за урок!
Можно ли добавить к вашему курсу "Практический JS" уроки з заданиями для промисов и fetch? Ради этих заданий целый курс приобретать не выгодно, а предыдущий без них неполный.
В вашем курсе по JS сделайте подробные практические уроки по регулярным выражениям от простого к сложному с разным уровнем сложности ДЗ. Чтобы полученные знания можно было применять при программировании сайтов.
объяснение отличное, единственное если добавить в него форму html для метода post, то будет вообще полноценно, так как форма будет отличаться от формы отправки обычным способом, немного, но будет
Это гениально!
Дзен и Аус! Два товарища
спасибо за урок .. а как быть с CORS запросами? когда отправляется запрос с одного домена на другой.. например, для чтения тех же курсов валют или погоды на своем сайте..
@user-gv5no1ot3n
3 жыл бұрын
Вы нашли ответ на данный вопрос, столкнулся с данной проблемой(
@-it-kidys
3 жыл бұрын
@@user-gv5no1ot3n нет частично только..
@user-ul4ih4eb6h
3 жыл бұрын
@@user-gv5no1ot3n не уверен, что это вам уже нужно, но вам стоит копать в второну заголовков, которые вы отправляете с запросами и те которые вам отправляет в ответ сервер. Там много нюансов, без понятия бекэнда, я так понимаю, мало что можно сделать
11:05 POST запрос
Спасибо.. Очень актуально.. p.s. Но всё же не совсем понятно в чём разница между fetch и XMLHttpRequest.. т.к. промисы можно заменить обычными функциями. т.е. результат по сути один. или fetch всё-таки быстрее выполняется? т.е. что есть у fetch, чего нельзя сделать при использовании XMLHttpRequest
@morkich
4 жыл бұрын
присоединяюсь к вопросу
@DrZlad
4 жыл бұрын
0. Ускорить написания кода. 1. Сократить объем кода. 2. Улучшить читабельность. 3. На промисы распростаняються те же пункты. Когда вы будет писать и читать огромный код- то это будет просто жизненно важно. Особенно когда он написан НЕ вами))) Так что этот урок- жизненно необходим. П. С. Во многих проектах ЧИТАБЕЛЬНОСТЬ важнее СКОРОСТИ работы кода. Так программисту платят по часам. А пользователь- если на подписке- платит ещё больше. А если это разовая покупка- так вообще на него можно насрать))) Шучу)))
@Max-kr4ie
4 жыл бұрын
@@DrZlad хороший ответ.
@user-kj8nx5js5c
4 жыл бұрын
Решают проблему callback hell, убирают лишнюю логику из запроса.
@Wyraxx
4 жыл бұрын
погугли: callback hell, посмотри в изображения
А fetch умеет в гет запросе принимать параметры для строки запроса(url) как в AJAX или всегда надо "ручками " составлять строку ? Когда пытаюсь так отправить параметры ругается на неправильный боди
Прям руки чешутся, чтобы создать wrapper функции, чтобы не дублировать код)
Спасибо!
Супер!
Я тоже использую яву и аякс в написании сайтов ну и хетемел, це-ес-ес ну или и разные библиатеки
маленькая ремарочка чтобы различать консоль логи, можно писать -- console.log('идентификатор тратата', data)
@estupidoParapente
Жыл бұрын
для этого даже придумали console.group()
спасибо!
Доброго времени суток. Подскажите как в body в строку (13 минута) вставить переменную?
@Wyraxx
4 жыл бұрын
вставить переменную без кавычек
а как вытащить разметку со страницы, где она подгружается тоже с помощью fetch?
Спасибо
При отправке небольшого объема текста, не возникает никаких ошибок. Но когда отправляю большой объем текста, то браузер ругается "400 Bad Request". Кто подскажет, как решить проблему?
вы все такие молодцы ) а когда появится такая услуша чтобы вот ну я завис к какой то теме например асинхронность и мне нужно чтобы учитель мне показал че и как ) а оплата по зеленым оценивается ну как бы час 50 долларов или 60 ну если скидка есть то буду часто обращаться )
жыес аякс , хтмл сисс , обожаю 😂😂
Подскажите пожалуйста, если я использую fetch, мне же уже не нужен тогда метод open и sendполучается?
@batradzbazzaev
3 жыл бұрын
Нет, это все сама функция делает. Он уже присылает ответ со статусом запроса и вв по ней проверку делаете и реагируете по ней
Я с Канады. Мне then тоже режим слух как ты произносишь. Уже лучше дэн чем зэн. А в остальном видео хороший. Спасибо.
Ваши видосы плюс learnjs, свежая голова и больше ничего не нужно
@TheAgressio
4 жыл бұрын
I_saw_an_accident супер! Приятно быть полезными! Спасибо за комментарий!
как мне отправить большой массив с данными на сервер php с возможностью дальнейшего использования?
Да когда же я это все усвою?))) мне кажется никогда)
Аякс - это уже сленговое, так что не надо тут... Если на то пошло, то что команда, что охранная система пишутся ajax, а произносятся Аякс. Там что? В виде исключения? Если уж на то пошло, то ейджекс. Не путайте слова по правилам и ИТ сленг. Слово ajax выдуманное по сути, поэтому произносится по устоявшимся привычкам, а не по правилам
@dimashtef7077
4 жыл бұрын
@@LogopedLTD Asynchronous - |eɪˈsɪŋkrənəs|, автор выше абсолютно прав
@promax866
4 жыл бұрын
Нашли к чему докапаца, важна суть видосов, а не вот это вот всё
@seolab8173
4 жыл бұрын
@@promax866 Автор видео сам спровоцировал реакцию.
@Anna_Bliznyuk
3 жыл бұрын
Вот именно, мне как раз ажакс слух режет.
здравствуйте, я посмотрела несколько видео, у меня есть задание, я никак не могу его отрегулировать у вас есть такая опция проверить чужое задание? за деньги само собой,,, мне уже выть хочется. праздники коту под хвост,,,, я в другой стране обучение на удаленке, спросить вообще не где. чувствую что ошибки смешные но не вижу их. а проект надо сдать. пусть небольшое, но надо .
задремал. приснилось что поругался с девушкой и я об этом говорю с другом. Он мне говорит: Можно послать её. И я просыпаюсь как раз на этих словах видео 14:07.
А где же содержимое php?? ((
что такое data....для чего он
Сори за тупой вопрос, но как вытащить data из fetch во внешнюю переменную? Не понимаю
@itgid
2 жыл бұрын
Async await или promise
Сайт ваш не работает (хочу купить курс js но не могу )
@itgid
2 жыл бұрын
Это рф все блочит. Пользуйтесь vpn.
один из самых сложных уроков
Аджакс. Чтобы не резало слух. Почитайте за них и ГЭканье - вместе звучит ахуенно !
+
+++
Чел затирает за произношение AJAX, но.... захатовка, кохда, и т.д.
программсты не говорят аякс и ява. программисты говорят эйджэкс и джава, моряки не плавают, а ходят. художники не рисуют а пишут. и только летчики не выебываются, а летают
@itgid
2 ай бұрын
От души душевно
А знаете как сильно режет слух "ЦЭ эс эс" (CSS)? "ЦЭ эм эс" (CMS)?
@MrVebber
4 жыл бұрын
S V если вы сюда пришли за правильным произношением, а не за внятной подачей информации по конкретной теме, то вы ошиблись каналом
@sv3163
4 жыл бұрын
@@MrVebber Может это вы ошиблись? Автор канала сам просил подсказывать как правильно произносить английские слова, не знаете - не пишите. Вежливо указать ошибку - это нормально, комментарии в том числе для этого существуют.
@batpyiiikob7245
4 жыл бұрын
@@sv3163 как же правильно?
@sv3163
4 жыл бұрын
@@batpyiiikob7245 СИ эс эс (css) и СИ эм эс (cms). Это то, что я слышу на слух от англоговорящих коллег. И это по правилам англ. языка кмк.
"хто" как-то тоже режет слух. г тоже...
@yushato
4 жыл бұрын
господи, одни логопеды собрались. Что вы тогда делаете в уроке по JS?
@cosintup619
4 жыл бұрын
@@yushato теряем слух и страдаем...
@kotvich7288
Жыл бұрын
знаешь что пошел на хуй. Автор канала украинец, а ты биомусор. Слава Украине!
@Human-de8nf
4 ай бұрын
@@yushato😂😂