Verkkosovelluksia rakennettaessa käyttäjän syöttämien tietojen käsittely on kriittinen näkökohta interaktiivisten ja joustavien ominaisuuksien luomisessa. Kehitysympäristössä Express.js voit helposti käsitellä syötetietoja lomakkeista ja erilaisista HTTP-pyynnöistä, kuten GET, POST, PUT, PATCH, ja DELETE. Tässä on yksityiskohtainen opas, jossa on useita menetelmiä ja esimerkkejä, jotka auttavat sinua saavuttamaan tämän:
Tietojen vastaanottaminen osoitteesta Form
HTML:n luominen Form: Aloita luomalla HTML form Mopsi- tai EJS-tiedostoon. Varmista, että asetat action tunnisteen attribuutin <form> määrittääksesi reitin, johon pyyntö lähetetää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>
Käsittelypyyntö POST: Käytä reitinkäsittelijässä väliohjelmistoa body-parser tietojen poimimiseen pyynnöstä 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
});
Erilaisten pyyntötyyppien käsittely kirjautumisesimerkin avulla
POST Pyynnön lähettäminen kirjautumisesta Form: Varmista HTML:ssä form, että asetat menetelmän post ja action attribuutin määrittääksesi reitin, johon POST pyyntö lähetetää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>
POST Kirjautumispyynnön käsittely : Käytä reitinkäsittelijässä väliohjelmistoa body-parser tietojen poimimiseen pyynnöstä POST ja kirjautumiskäsittelyn suorittamiseen.
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!');
}
});
Käsittely PUT ja DELETE pyynnöt
Pyynnön käsittely PUT: Voit käsitellä PUT pyyntöjä käyttämällä reittiä ja väliohjelmistoa tietojen poimimiseen pyynnöstä ja suorittamalla vastaavan päivityksen.
app.put('/update/:id',(req, res) => {
const id = req.params.id;
const updatedData = req.body;
// Perform data update with corresponding ID
});
Pyynnön käsittely DELETE: Käytä pyyntöjen käsittelemiseen DELETE myös reittiä ja väliohjelmistoa tunnuksen tunnistamiseen ja poistamiseen.
app.delete('/delete/:id',(req, res) => {
const id = req.params.id;
// Perform data deletion with corresponding ID
});
Johtopäätös
Käyttäjien syöttämien tietojen ja erilaisten HTTP-pyyntöjen käsittelyn ymmärtäminen on ratkaisevan tärkeää verkkokehityksessä. Käyttämällä Express.js väliohjelmistoa, kuten body-parser, voit helposti käsitellä lomakkeiden syötteitä ja käsitellä erilaisia HTTP-pyyntöjä, mukaan lukien, GET, POST, ja. Näin voit luoda interaktiivisia ja joustavia ominaisuuksia verkkosivustollesi. PUT PATCH DELETE