Как получить данные из формы на express.js?

Пользователь

от adrien.waters , в категории: JavaScript , 2 года назад

Как получить данные из формы на express.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от jett , 2 года назад

@adrien.waters 

Для получения данных из формы на express.js можно использовать middleware body-parser.


Пример:

  1. Установите body-parser с помощью npm:
1
npm install body-parser --save


  1. Импортируйте body-parser и добавьте его в качестве middleware в вашем приложении express:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
const express = require('express');
const bodyParser = require('body-parser');

const app = express();

// Добавляем middleware для парсинга тела запроса в формате json
app.use(bodyParser.json());

// Добавляем middleware для парсинга тела запроса в формате urlencoded
app.use(bodyParser.urlencoded({ extended: true }));

// Обрабатываем POST-запрос
app.post('/form', (req, res) => {
  const { username, password } = req.body;
  // Используем данные из формы
  console.log('Username:', username);
  console.log('Password:', password);
  res.send('Form data received!');
});

// Запускаем сервер
app.listen(3000, () => {
  console.log('Server started on port 3000');
});


  1. Создайте форму в HTML и отправьте ее на сервер:
1
2
3
4
5
6
7
8
9
<form action="/form" method="POST">
  <label for="username">Username:</label>
  <input type="text" id="username" name="username">

  <label for="password">Password:</label>
  <input type="password" id="password" name="password">

  <button type="submit">Submit</button>
</form>


При отправке формы на сервер, данные будут доступны в объекте req.body. В этом примере мы используем деструктуризацию объекта, чтобы получить значения username и password.

Пользователь

от cayla , год назад

@adrien.waters 

Таким образом, данные из формы можно получить с помощью объекта req.body после установки и использования middleware body-parser.