Unit 15. React и Node.JS

Видео доступно после приобретения курса

Домашнее задание

Загрузка ДЗ на проверку возможна только после приобретения курса.

Перед выполнением задания, установите Node.js. Данные для запроса:

  • url: localhost:3500
  • method: POST
  • content-type: application/x-www-form-urlencoded

Параметры

  • action: 1

Формат ответа - string.

Выполните запрос на сервер с указанными параметрами, ответ сервера - год и время добавьте в стейт T1 и выведите в параграф под кнопкой.

По нажатию кнопки в блоке Случайное число между, выполняется submit формы. Событие submit вызывает функцию task2. Функция task2 используя event.preventDefault останавливает перезагрузку страницы.

Затем получает из event данные input num1, num2, после чего делает запрос на сервер. Данные для запроса такие же, как и в первом задании.

Параметры запроса:

  • action : 2,
  • num1: число из num1,
  • num2: число из num2,
  • форма ответа - строка

Если запрос выполнен верно, то сервер вернет случаное число между указанными ( включительно). Занесите число в стейт T2 и выведите его в параграф под формой.

По на нажатию на кнопку в блоке Создание файла выполняется submit формы. На форме событие onsumbit которое запускает функцию task3. Внутри функции task3 получите данные filename и filedata из input. Сделайте fetch запрос на сервер. Укажите параметры:

  • action: 3
  • filename : имя файла из filename,
  • filedata: содержимое файла из filedata,
  • форма ответа сервера - string ( количество записанных байт).

Если все выполнено верно, сервер в папке files создаст файл с указанным именем и содержимым и вернет имя файла ( или ошибку). Пока не рассматриваем вариант ошибки.

Внесите в state T3 занесите имя созданного файла. Если нет - false.

В параграфе под формой выводите ссылку на файл. При переходе по ссылке должно быть показано содержимое файла или false если такого файла нет.

Задача доступна после приобретения курса.

Следи за новостями курсов на нашем канале

Открыть

Правила оформления домашних заданий

Открыть

Форум по задачам

Forum