Gestionarea datelor de intrare în Express.js

Când construiți aplicații web, gestionarea datelor introduse de utilizator este un aspect critic pentru a crea caracteristici interactive și flexibile. În Express.js mediul de dezvoltare, puteți procesa cu ușurință datele de intrare din formulare și diverse solicitări HTTP, cum ar fi GET, POST, PUT, PATCH și DELETE. Iată un ghid detaliat cu mai multe metode și exemple pentru a vă ajuta să realizați acest lucru:

Primirea informațiilor de la Form

Crearea HTML Form: Începeți prin a crea un HTML form într-un fișier Pug sau EJS. Asigurați-vă că setați action atributul în <form> etichetă pentru a specifica ruta pe care va fi trimisă solicitarea.

<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>  

Solicitarea de gestionare POST: În gestionarea rutei, utilizați body-parser middleware-ul pentru a extrage date din POST cerere.

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  
});  

 

Gestionarea diferitelor tipuri de cereri cu exemplu de conectare

Trimiterea POST cererii de la autentificare Form: În HTML form, asigurați-vă că ați setat post metoda și action atributul pentru a specifica ruta pe care POST va fi trimisă solicitarea.

<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>  

Gestionarea POST cererii de autentificare: în gestionarea rutei, utilizați body-parser middleware-ul pentru a extrage date din POST cerere și pentru a efectua procesarea autentificarii.

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!');  
  }  
});  

 

Manipulare PUT și DELETE Cereri

Gestionarea PUT cererii: Pentru a gestiona PUT cererile, puteți utiliza o rută și un middleware pentru a extrage date din cerere și pentru a efectua actualizarea corespunzătoare.

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

Gestionarea DELETE cererilor: Pentru a gestiona DELETE cererile, utilizați, de asemenea, o rută și un middleware pentru a identifica ID-ul și a efectua ștergerea.

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

 

Concluzie

Înțelegerea modului de gestionare a datelor introduse de utilizator și a diferitelor solicitări HTTP este crucială în dezvoltarea web. Folosind Express.js și middleware similar body-parser, puteți procesa cu ușurință intrarea din formulare și puteți gestiona diferite solicitări HTTP, inclusiv, GET, , și. Acest lucru vă permite să creați funcții interactive și flexibile pe site-ul dvs. POST PUT PATCH DELETE