Håndtering af inputdata i Express.js

Når du bygger webapplikationer, er håndtering af brugerinputdata et kritisk aspekt for at skabe interaktive og fleksible funktioner. I Express.js udviklingsmiljøet kan du nemt behandle inputdata fra formularer og forskellige HTTP-anmodninger såsom GET, POST, PUT, PATCH, og DELETE. Her er en detaljeret guide med flere metoder og eksempler til at hjælpe dig med at opnå dette:

Modtagelse af information fra Form

Oprettelse af HTML Form: Start med at oprette en HTML form i en Pug- eller EJS-fil. Sørg for, at du indstiller attributten action i <form> tagget for at angive ruten, hvortil anmodningen sendes.

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

Håndtering POST af anmodning: I rutehåndteringen skal du bruge middlewaren body-parser til at udtrække data fra POST anmodningen.

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

 

Håndtering af forskellige anmodningstyper med eksempel på login

Afsendelse af POST anmodning fra login Form: I HTML-koden form skal du sikre dig, at du indstiller post metoden og action attributten til at angive ruten, hvortil POST anmodningen vil blive sendt.

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

Håndtering af POST anmodning om login: I rutehåndteringen skal du bruge middlewaren body-parser til at udtrække data fra POST anmodningen og udføre loginbehandling.

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

 

Håndtering PUT og DELETE anmodninger

Håndtering af PUT anmodning: For at håndtere PUT anmodninger kan du bruge en rute og middleware til at udtrække data fra anmodningen og udføre den tilsvarende opdatering.

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

Håndtering DELETE af anmodning: For at håndtere DELETE anmodninger skal du også bruge en rute og middleware til at identificere ID'et og udføre sletning.

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

 

Konklusion

At forstå, hvordan man håndterer brugerinputdata og forskellige HTTP-anmodninger er afgørende i webudvikling. Ved at bruge Express.js og middleware som body-parser, kan du nemt behandle input fra formularer og håndtere forskellige HTTP-anmodninger inklusive GET, POST, PUT, PATCH, og DELETE. Dette giver dig mulighed for at skabe interaktive og fleksible funktioner på din hjemmeside.