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