Při vytváření webových aplikací je zpracování uživatelských vstupních dat kritickým aspektem pro vytváření interaktivních a flexibilních funkcí. Ve Express.js vývojovém prostředí můžete snadno zpracovávat vstupní data z formulářů a různých HTTP požadavků, jako jsou GET, POST, PUT, PATCH a DELETE. Zde je podrobný průvodce s několika metodami a příklady, které vám pomohou toho dosáhnout:
Příjem informací od Form
Vytváření HTML Form: Začněte vytvořením HTML form v souboru Pug nebo EJS. Ujistěte se, že jste nastavili action atribut ve <form> značce tak, aby určoval cestu, kam bude požadavek odeslán.
<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>
Zpracování POST požadavku: V obslužném programu trasy použijte body-parser middleware k extrahování dat z POST požadavku.
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
});
Zpracování různých typů požadavků s příkladem přihlášení
Odeslání POST požadavku z přihlášení Form: V HTML form se ujistěte, že jste nastavili post metodu a action atribut pro určení cesty, kam POST bude požadavek odeslán.
<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>
Zpracování POST žádosti o přihlášení: V obslužné rutině trasy použijte body-parser middleware k extrahování dat z POST požadavku a provedení zpracování přihlášení.
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!');
}
});
Vyřizování PUT a DELETE požadavky
Zpracování PUT požadavku: Ke zpracování PUT požadavků můžete použít směrování a middleware k extrahování dat z požadavku a provedení odpovídající aktualizace.
app.put('/update/:id',(req, res) => {
const id = req.params.id;
const updatedData = req.body;
// Perform data update with corresponding ID
});
Zpracování DELETE požadavku: Ke zpracování DELETE požadavků také použijte směrování a middleware k identifikaci ID a provedení mazání.
app.delete('/delete/:id',(req, res) => {
const id = req.params.id;
// Perform data deletion with corresponding ID
});
Závěr
Pochopení toho, jak zacházet s uživatelskými vstupními daty a různými požadavky HTTP, je při vývoji webu zásadní. Pomocí Express.js a middlewaru, jako je body-parser, můžete snadno zpracovávat vstupy z formulářů a zpracovávat různé požadavky HTTP včetně GET, POST, PUT, PATCH a DELETE. To vám umožní vytvářet interaktivní a flexibilní funkce na vašem webu.