close

Обработка входных данных в Express.js

При создании веб-приложений обработка входных данных пользователя является важным аспектом для создания интерактивных и гибких функций. В Express.js среде разработки вы можете легко обрабатывать входные данные из форм и различных HTTP-запросов, таких как GET, POST, PUT, PATCH и DELETE. Вот подробное руководство с несколькими методами и примерами, которые помогут вам в этом:

Получение информации от Form

Создание HTML Form: начните с создания HTML form в файле Pug или EJS. Убедитесь, что вы установили атрибут action в <form> теге, чтобы указать маршрут, по которому будет отправлен запрос.

<form action="/process" method="post">  
  <input type="text" name="username" placeholder="Username">  
  <input type="password" name="password" placeholder="Password">  
  <button type="submit">Submit</button>  
</form>

Обработка POST запроса: в обработчике маршрута используйте body-parser промежуточное ПО для извлечения данных из POST запроса.

const bodyParser = require('body-parser');  
  
app.use(bodyParser.urlencoded({ extended: true }));  
  
app.post('/process',(req, res) => {  
  const username = req.body.username;  
  const password = req.body.password;  
  // Process data and return results  
});

 

Обработка различных типов запросов с помощью примера входа в систему

Отправка POST запроса из входа Form: в HTML form убедитесь, что вы установили post метод и action атрибут, чтобы указать маршрут, по которому POST будет отправлен запрос.

<form action="/login" method="post">  
  <input type="text" name="username" placeholder="Username">  
  <input type="password" name="password" placeholder="Password">  
  <button type="submit">Login</button>  
</form>

Обработка POST запроса на вход: в обработчике маршрута используйте body-parser промежуточное ПО для извлечения данных из POST запроса и выполнения обработки входа.

const bodyParser = require('body-parser');  
  
app.use(bodyParser.urlencoded({ extended: true }));  
  
app.post('/login',(req, res) => {  
  const username = req.body.username;  
  const password = req.body.password;  
  
  // Check login information  
  if(username === 'admin' && password === '123') {  
    res.send('Login successful!');  
  } else {  
    res.send('Login failed!');  
  }  
});

 

Обработка PUT и DELETE запросы

Обработка PUT запроса: для обработки PUT запросов вы можете использовать маршрут и промежуточное ПО для извлечения данных из запроса и выполнения соответствующего обновления.

app.put('/update/:id',(req, res) => {  
  const id = req.params.id;  
  const updatedData = req.body;  
  // Perform data update with corresponding ID  
});

Обработка DELETE запроса: для обработки DELETE запросов также используйте маршрут и промежуточное ПО для определения идентификатора и выполнения удаления.

app.delete('/delete/:id',(req, res) => {  
  const id = req.params.id;  
  // Perform data deletion with corresponding ID  
});

 

Заключение

Понимание того, как обрабатывать вводимые пользователем данные и различные HTTP-запросы, имеет решающее значение в веб-разработке. Используя Express.js такое промежуточное ПО, как, вы можете легко обрабатывать body-parser ввод из форм и обрабатывать различные HTTP-запросы, включая GET, и. Это позволяет вам создавать интерактивные и гибкие функции на вашем веб-сайте. POST PUT PATCH DELETE