Håndtere inndata i Express.js

Når du bygger nettapplikasjoner, er håndtering av brukerinndata et kritisk aspekt for å skape interaktive og fleksible funksjoner. I Express.js utviklingsmiljøet kan du enkelt behandle inndata fra skjemaer og ulike HTTP-forespørsler som GET, POST, PUT, PATCH, og DELETE. Her er en detaljert veiledning med flere metoder og eksempler for å hjelpe deg å oppnå dette:

Motta informasjon fra Form

Lage HTML Form: Start med å lage en HTML form i en Pug- eller EJS-fil. Sørg for at du angir attributtet action i <form> taggen for å spesifisere ruten hvor forespørselen skal 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 av forespørsel: I rutebehandleren, bruk body-parser mellomvaren for å trekke ut data fra POST forespørselen.

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 av ulike forespørselstyper med påloggingseksempel

Sende POST forespørsel fra pålogging Form: I HTML- koden form, sørg for at du angir post metoden og action attributtet for å spesifisere ruten hvor POST forespørselen skal sendes.

<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åndtere POST forespørsel om pålogging: I rutebehandleren bruker du body-parser mellomvaren til å trekke ut data fra POST forespørselen og utføre påloggingsbehandling.

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 forespørsler

Håndtering av PUT forespørsel: For å håndtere PUT forespørsler kan du bruke en rute og mellomvare for å trekke ut data fra forespørselen og utføre den tilsvarende oppdateringen.

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

Håndtering DELETE av forespørsel: For å håndtere DELETE forespørsler, bruk også en rute og mellomvare for å identifisere IDen og utføre sletting.

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

Konklusjon

Å forstå hvordan man håndterer brukerinndata og ulike HTTP-forespørsler er avgjørende i webutvikling. Ved å bruke Express.js mellomvare som body-parser, kan du enkelt behandle inndata fra skjemaer og håndtere forskjellige HTTP-forespørsler inkludert GET, POST, PUT, PATCH, og DELETE. Dette lar deg lage interaktive og fleksible funksjoner på nettstedet ditt.