#12 – Получение и обработка данных от пользователя
Відеоурок
- Плагин ;
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 місяця
Також варто подивитися