Immaniġġjar tad-Data tal-Input fi Express.js

Meta tibni applikazzjonijiet tal-web, l-immaniġġjar tad-dejta tal-input tal-utent huwa aspett kritiku biex jinħolqu karatteristiċi interattivi u flessibbli. Fl- Express.js ambjent tal-iżvilupp, tista 'faċilment tipproċessa data ta' input minn formoli u diversi talbiet HTTP bħal GET, POST, PUT, PATCH, u DELETE. Hawnhekk hawn gwida dettaljata b'diversi metodi u eżempji biex jgħinuk tikseb dan:

Nirċievu Informazzjoni minn Form

Il-ħolqien ta' HTML Form: Ibda billi toħloq HTML form f'fajl Pug jew EJS. Kun żgur li tissettja l- action attribut fit- <form> tikketta biex tispeċifika r-rotta fejn tintbagħat it-talba.

<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>  

Rikjesta għall-Immaniġġjar POST: Fil-handler tar-rotta, uża l- body-parser middleware biex tiġbed id-dejta mit- POST talba.

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  
});  

 

Immaniġġjar ta' Diversi Tipi ta' Talba b'Eżempju ta' Login

Tibgħat POST Talba minn Login Form: Fl-HTML form, kun żgur li tissettja l- post metodu u l- action attribut biex tispeċifika r-rotta fejn POST tintbagħat it-talba.

<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>  

Immaniġġjar tat- POST Talba għal Login: Fir-route handler, uża l- body-parser middleware biex tiġbed id-dejta mit- POST talba u twettaq l-ipproċessar tal-login.

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!');  
  }  
});  

 

Immaniġġjar PUT u DELETE Talbiet

It-Tmexxija PUT tat-Talba: Biex timmaniġġja PUT t-talbiet, tista' tuża rotta u middleware biex tiġbed id-dejta mit-talba u twettaq l-aġġornament korrispondenti.

app.put('/update/:id',(req, res) => {  
  const id = req.params.id;  
  const updatedData = req.body;  
  // Perform data update with corresponding ID  
});  

It-Tmexxija DELETE tat-Talba: Biex timmaniġġja DELETE t-talbiet, uża wkoll rotta u middleware biex tidentifika l-ID u twettaq it-tħassir.

app.delete('/delete/:id',(req, res) => {  
  const id = req.params.id;  
  // Perform data deletion with corresponding ID  
});  

 

Konklużjoni

Il-fehim ta' kif timmaniġġja d-dejta tal-input tal-utent u diversi talbiet HTTP huwa kruċjali fl-iżvilupp tal-web. Billi tuża Express.js u middleware simili body-parser, tista 'faċilment tipproċessa input minn formoli u timmaniġġja talbiet HTTP differenti inklużi GET, POST, PUT, PATCH, u DELETE. Dan jippermettilek toħloq karatteristiċi interattivi u flessibbli fuq il-websajt tiegħek.