Rukovanje ulaznim podacima u Express.js

Prilikom izrade web aplikacija, rukovanje korisničkim ulaznim podacima kritičan je aspekt za stvaranje interaktivnih i fleksibilnih značajki. U Express.js razvojnom okruženju možete jednostavno obraditi ulazne podatke iz obrazaca i raznih HTTP zahtjeva kao što su GET, POST, PUT, PATCH i DELETE. Evo detaljnog vodiča s više metoda i primjera koji će vam pomoći da to postignete:

Primanje informacija od Form

Stvaranje HTML-a Form: Započnite stvaranjem HTML-a form u Pug ili EJS datoteci. Provjerite jeste li postavili action atribut u <form> oznaci da specificirate rutu na koju će zahtjev biti poslan.

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

Rukovanje POST zahtjevom: U rukovatelju rutom upotrijebite međuprogram body-parser za izdvajanje podataka iz POST zahtjeva.

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

 

Rukovanje različitim vrstama zahtjeva s primjerom prijave

Slanje POST zahtjeva iz prijave Form: U HTML- u provjerite form jeste li postavili post metodu i action atribut za određivanje rute na koju POST će zahtjev biti poslan.

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

Rukovanje POST zahtjevom za prijavu: U rukovatelju rutom koristite međuprogram body-parser za izdvajanje podataka iz POST zahtjeva i izvođenje obrade prijave.

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

 

Rukovanje PUT i DELETE zahtjevi

Rukovanje PUT zahtjevom: Za rukovanje PUT zahtjevima možete koristiti rutu i međuprogram za izvlačenje podataka iz zahtjeva i izvođenje odgovarajućeg ažuriranja.

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

Rukovanje DELETE zahtjevom: Za rukovanje DELETE zahtjevima također koristite rutu i međuprogram za identifikaciju ID-a i brisanje.

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

 

Zaključak

Razumijevanje načina rukovanja podacima o unosu korisnika i raznim HTTP zahtjevima ključno je u web razvoju. Korištenjem Express.js međuprograma kao što je body-parser, možete jednostavno obraditi unos iz obrazaca i rukovati različitim HTTP zahtjevima uključujući GET, POST, PUT, PATCH i DELETE. To vam omogućuje stvaranje interaktivnih i fleksibilnih značajki na vašoj web stranici.