Trajtimi i të dhënave hyrëse në Express.js

Kur ndërtoni aplikacione në ueb, trajtimi i të dhënave hyrëse të përdoruesit është një aspekt kritik për të krijuar veçori ndërvepruese dhe fleksibël. Në Express.js mjedisin e zhvillimit, ju mund të përpunoni lehtësisht të dhëna hyrëse nga formularët dhe kërkesa të ndryshme HTTP si GET, POST, PUT, PATCH dhe DELETE. Këtu është një udhëzues i detajuar me metoda dhe shembuj të shumtë për t'ju ndihmuar të arrini këtë:

Marrja e informacionit nga Form

Krijimi i HTML Form: Filloni duke krijuar një HTML form në një skedar Pug ose EJS. Sigurohuni që keni vendosur action atributin në <form> etiketë për të specifikuar rrugën ku do të dërgohet kërkesa.

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

Trajtimi POST i kërkesës: Në trajtuesin e rrugës, përdorni body-parser programin e mesëm për të nxjerrë të dhëna nga POST kërkesa.

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

 

Trajtimi i llojeve të ndryshme të kërkesave me shembullin e hyrjes

Dërgimi i POST kërkesës nga identifikimi Form: Në HTML form, sigurohuni që të vendosni post metodën dhe action atributin për të specifikuar rrugën ku POST do të dërgohet kërkesa.

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

Trajtimi i POST kërkesës për hyrje: Në trajtuesin e rrugës, përdorni body-parser programin e mesëm për të nxjerrë të dhëna nga POST kërkesa dhe për të kryer përpunimin e hyrjes.

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

 

Trajtimi PUT dhe DELETE Kërkesat

Trajtimi i PUT kërkesës: Për të trajtuar PUT kërkesat, mund të përdorni një rrugë dhe program të mesëm për të nxjerrë të dhëna nga kërkesa dhe për të kryer përditësimin përkatës.

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

Trajtimi DELETE i kërkesës: Për të trajtuar DELETE kërkesat, përdorni gjithashtu një rrugë dhe program të mesëm për të identifikuar ID-në dhe për të kryer fshirjen.

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

 

konkluzioni

Të kuptuarit se si të trajtohen të dhënat hyrëse të përdoruesit dhe kërkesat e ndryshme HTTP është thelbësore në zhvillimin e uebit. Duke përdorur Express.js programe të mesme si body-parser, ju mund të përpunoni lehtësisht të dhëna nga formularët dhe të trajtoni kërkesa të ndryshme HTTP duke përfshirë GET, POST, PUT, PATCH dhe DELETE. Kjo ju mundëson të krijoni veçori interaktive dhe fleksibël në faqen tuaj të internetit.