Invoergegevens verwerken Express.js

Bij het bouwen van webapplicaties is het omgaan met gebruikersinvoergegevens een cruciaal aspect om interactieve en flexibele functies te creëren. In de Express.js ontwikkelomgeving verwerk je eenvoudig invoergegevens van formulieren en diverse HTTP-requests zoals GET, POST, PUT, PATCH, en DELETE. Hier is een gedetailleerde gids met meerdere methoden en voorbeelden om u te helpen dit te bereiken:

Informatie ontvangen van Form

HTML maken Form: Begin met het maken van HTML form in een Pug- of EJS-bestand. action Zorg ervoor dat u het kenmerk in de tag instelt <form> om de route op te geven waarnaar het verzoek wordt verzonden.

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

Verzoek afhandelen POST: gebruik in de routehandler de body-parser middleware om gegevens uit het POST verzoek te extraheren.

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

 

Verschillende soorten verzoeken afhandelen met inlogvoorbeeld

Verzoek verzenden POST vanaf aanmelding Form: zorg ervoor dat u in de HTML de methode en het kenmerk form instelt om de route te specificeren waarnaar het verzoek wordt verzonden. 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>  

Verzoek om aanmelding afhandelen POST: gebruik in de routehandler de body-parser middleware om gegevens uit het POST verzoek te extraheren en aanmeldingsverwerking uit te voeren.

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

 

Afhandeling PUT en DELETE aanvragen

Verzoek afhandelen PUT: Om PUT verzoeken af ​​te handelen, kunt u een route en middleware gebruiken om gegevens uit het verzoek te extraheren en de bijbehorende update uit te voeren.

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

Verzoek afhandelen DELETE: gebruik voor het afhandelen DELETE van verzoeken ook een route en middleware om de ID te identificeren en verwijdering uit te voeren.

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

 

Conclusie

Inzicht in het omgaan met gebruikersinvoergegevens en verschillende HTTP-verzoeken is cruciaal bij webontwikkeling. Door Express.js middleware zoals, te gebruiken body-parser, kunt u eenvoudig invoer van formulieren verwerken en verschillende HTTP-verzoeken afhandelen, waaronder GET, POST, PUT, PATCH en DELETE. Dit stelt u in staat om interactieve en flexibele functies op uw website te creëren.