close

Gestion des données d'entrée dans Express.js

Lors de la création d'applications Web, la gestion des données saisies par l'utilisateur est un aspect essentiel pour créer des fonctionnalités interactives et flexibles. Dans l' Express.js environnement de développement, vous pouvez facilement traiter les données d'entrée à partir de formulaires et de diverses requêtes HTTP telles que GET, POST, PUT, PATCH et DELETE. Voici un guide détaillé avec plusieurs méthodes et exemples pour vous aider à y parvenir :

Recevoir des informations de Form

Création HTML Form: Commencez par créer un HTML form dans un fichier Pug ou EJS. Assurez-vous de définir l' action attribut dans la <form> balise pour spécifier la route où la demande sera envoyée.

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

Traitement POST de la demande : dans le gestionnaire de routage, utilisez le body-parser middleware pour extraire les données de la POST demande.

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

 

Gestion de divers types de requêtes avec un exemple de connexion

Envoi POST de la demande à partir de la connexion Form: dans le HTML form, assurez-vous de définir la post méthode et l' action attribut pour spécifier la route où la POST demande sera envoyée.

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

Traitement POST de la demande de connexion : dans le gestionnaire de routage, utilisez le body-parser middleware pour extraire les données de la POST demande et effectuer le traitement de la connexion.

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

 

Gestion PUT et DELETE demandes

Gestion PUT des requêtes : pour gérer PUT les requêtes, vous pouvez utiliser une route et un middleware pour extraire les données de la requête et effectuer la mise à jour correspondante.

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

Traitement DELETE de la demande : pour gérer DELETE les demandes, utilisez également une route et un middleware pour identifier l'ID et effectuer la suppression.

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

 

Conclusion

Comprendre comment gérer les données d'entrée de l'utilisateur et diverses requêtes HTTP est crucial dans le développement Web. En utilisant Express.js un middleware comme, vous pouvez facilement body-parser traiter les entrées des formulaires et gérer différentes requêtes HTTP, notamment GET, et. Cela vous permet de créer des fonctionnalités interactives et flexibles sur votre site Web. POST PUT PATCH DELETE