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.