Как работать с сервером в JavaScript ч.3 | AJAX

В этом цикле роликов мы поговорим о том, как работать с сервером при помощи языка программирования JavaScript. Мы разберем технологию асинхронных запросов AJAX и чем её можно реализовать: XMLHttpRequest, Fetch API, axios.

Ссылки:

Ссылки:

[urus-]

Качественное разъяснение, до сих пор актуально!

[dunkchump]

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

[ickleshipper]

Спасибо вам большое за эти три урока!!!

[Andrii_Vin]

Не знаю как остальным, а мне очень полезную информацию приподносит Иван!

[dimitridoroshko]

Ваня, спасибо за инфу. Весьма полезно! Хотелось бы ещё увидеть какие-то прикладные туториалы, что-то наподобие todo list с бэкендом и авторизацией.

[Ilya-gvkb]

Спасибо, Иван !
Посмотрел плейлист, оч помог понять как это работает 👍

[alexsoft]

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

[СашаАлександров-шв]

Спасибо) крутой материал ) Про XMLHttpRequest, Fetch, api, axios.

[pyharchagelton]

Очень подробный рассказ в трех частях! подписался

[ХалидИбнВалид-тэ]

Иван привет ! Спасибо за уроки ! уроки вообше шикарные ! ) Вот толька я уже смотрю у тебя этот урок тут постом отправляю ошибку выдаёт ) вроде всё правильно сделал ! он неможет модули найти типо 500 ошибку дает может это из за сервера?

[keira]

Очень крутые уроки, всё понятно, спасибо большое!

[NirupamDji]

Иван, благодарю за информаци. Будет ли курс по серверной части(php || nodeJs)?

[kostya_bizin]

Привет, у меня одного без конца выбивает ошибку 500? использую MAMP

[alexpro]

Урок полезный. Но с php что-то непонятное. Хотелось бы видеть вставку данных в json. Это же возможно?

[fullname]

Cпасибо за урок! Сколько не мучался - все равно обновляется страница по события сабмит на форме. В чем может быть проблема? Обновление происходит только в том случае, если POST запрос удачный (xhr.status === 201)

Вот код:



  form.addEventListener('submit',  function(e){
    e.preventDefault();



    formData.append("id",  Math.round(Math.random() * 10));


    let tmp = {};
    formData.forEach((value,  key) => {
      tmp[key] = value; 
    });




    xhr.setRequestHeader('Content-type',  'Application/json; charset=utf-8');
    xhr.send(json);
    xhr.addEventListener('load',  function(e){

      if (status === 201) {
        console.log(`OK! status: ${status},  response: ${xhr.response}`);
      } else {

      }
    });
  });

[Victor-vxbr]

event.preventDefault() не работает ни при каких обстоятельствах, код копировал буковка в буковку, свои варианты тоже пробовал

[userman]

Ваня-Ваня...Как всегда...Две части за здравие, а третью испортил...С api.php ничего не работает! За Вами, Иван, везде следует ваша одна и та же проблема:
--- вы всегда ускоряетесь под конец видео, пропускаете важные моменты, исправляете старый код десяток раз, и не проговариваете важные моменты. Вам кажется, что все понятно и ясно....это не так!
Первые два видео меня очень порадовали. Думал: "Какой молодец Иван -- растет!" Но, увы, все старые ошибки появились в конце. Очень жаль.

[didipendi]

Помогите, пожалуйста, кто-нибудь...при POST формдейты, выходит 405
Method Not Allowed...с помощью XMLHttpRequest, до fetch ещё не подшел, не постится

[СергейТрубников-жч]

Ну и каким же образом данные записываются ? У меня лично 404.