Уроки Node JS

#12 – Получение и обработка данных от пользователя

#12 – Получение и обработка данных от пользователя

За урок вы научитесь получать данные от пользователя и обрабатывать их. Дополнительно вы установите модуль body-parser для комфортной и быстрой работы с формами на сайте.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Полезные ссылки:


Node JS позволяет корректно обрабатывать различные формы, проверять данные и взаимодействовать с ними. Для обработки существует специальный пакет body-parser. После установки через пакетный менеджер и подключения к проекту как отдельный модуль, мы можем начать принимать данные из различных форм.


Получения данных

Сперва необходимо создать форму, при этом добавить к каждому полю атрибут name, так как без него данные не будут получены из полей формы. В теге <form> укажите метод отправки данных и url-адрес страницы для обработки запроса.


В главном JS-файле после подключения модуля body-parser используйте команду для создания переменной, которая будет получать данные из post-запроса:

bodyParser.urlencoded({ extended: false });

Далее необходимо создать обработчик post-запроса:

// Проверяем уже post-запрос, вместо привычного get
app.post('/contact', (req, res) => {
	// Если данные не переданы, то возвращаем ошибку
	if (!req.body) return res.sendStatus(400);
	// Все данные из формы сохраняются в req.body
	console.log(req.body);
	// Можем вывести другую страницу и передать в нее все данные
	res.render('success', {data: req.body});
})

Создание успешной страницы точно такое же, как и ранее. Вы можете передать на такую страницу все данные и взаимодействовать с ними как захотите.

Матеріали для курсу

Щоб завантажувати матеріали до відеокурсів, необхідно оформити підписку на сайт

Онлайн редактор коду

Завантаження...

Завдання до уроку

Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань

Велике завдання за курсом

Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця

Також варто подивитися

Создание приложения на React JS / Использование API
7 уроків
Уроки Angular для начинающих
11 уроків
Изучение MongoDB / Работа с базой данных
8 уроків
MERN Stack / Разработка веб-приложения
9 уроків
Курс по React JS для початківців
11 уроків
Курс по NestJS с нуля / Разработка веб проектов
9 уроків
Коментарі
Додати коментар

Поки що коментарів немає