När man bygger webbapplikationer är hantering av användarinmatningsdata en kritisk aspekt för att skapa interaktiva och flexibla funktioner. I Express.js utvecklingsmiljön kan du enkelt bearbeta indata från formulär och olika HTTP-förfrågningar som, GET, POST, PUT, PATCH och DELETE. Här är en detaljerad guide med flera metoder och exempel som hjälper dig att uppnå detta:
Ta emot information från Form
Skapa HTML Form: Börja med att skapa en HTML form i en Pug- eller EJS-fil. Se till att du ställer in action attributet i <form> taggen för att ange rutten dit begäran kommer att skickas.
<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>
Hantera POST begäran: I rutthanteraren, använd body-parser mellanvaran för att extrahera data från POST begäran.
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
});
Hantera olika typer av förfrågningar med inloggningsexempel
Skicka POST förfrågan från inloggning Form: form Se till att du ställer in post metoden och attributet i HTML-koden action för att ange rutten dit POST begäran kommer att skickas.
<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>
Hantera POST begäran om inloggning: I rutthanteraren, använd body-parser mellanvaran för att extrahera data från POST begäran och utföra inloggningsbearbetning.
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!');
}
});
Hantering PUT och DELETE förfrågningar
Hantering av PUT begäran: För att hantera PUT förfrågningar kan du använda en rutt och mellanprogram för att extrahera data från förfrågan och utföra motsvarande uppdatering.
app.put('/update/:id',(req, res) => {
const id = req.params.id;
const updatedData = req.body;
// Perform data update with corresponding ID
});
Hanteringsbegäran DELETE: För att hantera DELETE förfrågningar, använd även en rutt och mellanprogram för att identifiera ID och utföra radering.
app.delete('/delete/:id',(req, res) => {
const id = req.params.id;
// Perform data deletion with corresponding ID
});
Slutsats
Att förstå hur man hanterar användarindata och olika HTTP-förfrågningar är avgörande i webbutveckling. Genom att använda Express.js och mellanprogram som body-parser, kan du enkelt bearbeta indata från formulär och hantera olika HTTP-förfrågningar inklusive, GET, POST, PUT, PATCH och DELETE. Detta gör att du kan skapa interaktiva och flexibla funktioner på din webbplats.