A webalkalmazások készítésekor a felhasználói bemeneti adatok kezelése kritikus szempont az interaktív és rugalmas funkciók létrehozásához. A Express.js fejlesztői környezetben egyszerűen feldolgozhatja a bemeneti adatokat az űrlapokból és a különféle HTTP-kérésekből, például, GET, POST, és. Íme egy részletes útmutató számos módszerrel és példával, amelyek segítenek ennek elérésében: PUT PATCH DELETE
Információ fogadása innen Form
HTML létrehozása Form: Kezdje a HTML létrehozásával form egy Pug vagy EJS fájlban. Győződjön meg arról, hogy beállította az action attribútumot a címkében <form>, hogy megadja azt az útvonalat, ahová a kérés elküldésre kerül.
<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>
Kérés kezelése POST: Az útvonalkezelőben használja a body-parser köztes szoftvert az adatok kinyerésére a kérésből POST.
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
});
Különböző típusú kérések kezelése bejelentkezési példával
Kérelem küldése POST bejelentkezésből Form: A HTML-ben form győződjön meg arról, hogy beállította azt a post metódust és attribútumot, amely megadja a kérés elküldésének action útvonalát. POST
<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>
POST Bejelentkezési kérés kezelése : Az útvonalkezelőben használja a body-parser köztes szoftvert az adatok kinyerésére POST és a bejelentkezési feldolgozás végrehajtására.
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!');
}
});
Kezelés PUT és DELETE kérések
Kérés kezelése PUT: A kérések kezeléséhez PUT útvonalat és köztes szoftvert használhat az adatok kinyerésére a kérésből, és végrehajthatja a megfelelő frissítést.
app.put('/update/:id',(req, res) => {
const id = req.params.id;
const updatedData = req.body;
// Perform data update with corresponding ID
});
Kérés kezelése DELETE: A kérések kezeléséhez DELETE használjon útvonalat és köztes szoftvert is az azonosító azonosításához és a törlés végrehajtásához.
app.delete('/delete/:id',(req, res) => {
const id = req.params.id;
// Perform data deletion with corresponding ID
});
Következtetés
A felhasználói bemeneti adatok és a különféle HTTP-kérések kezelésének megértése kulcsfontosságú a webfejlesztésben. Express.js Az olyan köztes szoftverek használatával body-parser, mint a, könnyedén feldolgozhatja az űrlapokból származó bemeneteket, és kezelheti a különböző HTTP-kéréseket, beleértve a GET, POST, PUT, PATCH és DELETE. Ez lehetővé teszi, hogy interaktív és rugalmas funkciókat hozzon létre webhelyén.