Kushughulikia Data ya Kuingiza ndani Express.js

Wakati wa kuunda programu za wavuti, kushughulikia data ya ingizo ya mtumiaji ni kipengele muhimu ili kuunda vipengele shirikishi na vinavyonyumbulika. Katika Express.js mazingira ya usanidi, unaweza kuchakata data ya ingizo kwa urahisi kutoka kwa fomu na maombi mbalimbali ya HTTP kama vile GET, POST, PUT, PATCH, na DELETE. Hapa kuna mwongozo wa kina na njia na mifano nyingi kukusaidia kufanikisha hili:

Kupokea Taarifa kutoka Form

Kuunda HTML Form: Anza kwa kuunda HTML form katika faili ya Pug au EJS. Hakikisha kuwa umeweka action sifa kwenye <form> lebo ili kubainisha njia ambapo ombi litatumwa.

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

Ombi la Kushughulikia POST: Katika kidhibiti njia, tumia body-parser kifaa cha kati kutoa data kutoka kwa POST ombi.

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

 

Kushughulikia Aina Mbalimbali za Ombi kwa Mfano wa Kuingia

Kutuma POST Ombi kutoka kwa Ingia Form: Katika HTML form, hakikisha kuwa umeweka post mbinu na action sifa ili kubainisha njia ambapo POST ombi litatumwa.

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

Kushughulikia POST Ombi la Kuingia: Katika kidhibiti njia, tumia body-parser kifaa cha kati kutoa data kutoka kwa POST ombi na kufanya usindikaji wa kuingia.

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

 

Kushughulikia PUT na DELETE Maombi

Ombi la Kushughulikia PUT: Ili kushughulikia PUT maombi, unaweza kutumia njia na vifaa vya kati kutoa data kutoka kwa ombi na kufanya sasisho linalolingana.

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

Ombi la Kushughulikia DELETE: Ili kushughulikia DELETE maombi, tumia pia njia na vifaa vya kati kutambua kitambulisho na kufuta.

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

 

Hitimisho

Kuelewa jinsi ya kushughulikia data ya ingizo ya mtumiaji na maombi mbalimbali ya HTTP ni muhimu katika ukuzaji wa wavuti. Kwa kutumia Express.js na vifaa vya kati kama body-parser, unaweza kuchakata kwa urahisi ingizo kutoka kwa fomu na kushughulikia maombi tofauti ya HTTP ikiwa ni pamoja na GET, POST, PUT, PATCH na DELETE. Hii hukuwezesha kuunda vipengele wasilianifu na vinavyonyumbulika kwenye tovuti yako.