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

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

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

Видеоурок

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


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 / Разработка магазина (eCommerce)
9 уроков
Изучение стека MEAN: MongoDB, Express, Angular и Node JS
10 уроков
Создание приложения на React JS / Использование API
7 уроков
Уроки Angular для начинающих
7 уроков
Изучение MongoDB / Работа с базой данных
8 уроков
Курс по React JS для начинающих
11 уроков
Комментарии
Добавить комментарий

Пока комментариев нет