Įvesties duomenų tvarkymas Express.js

Kuriant žiniatinklio programas, vartotojo įvesties duomenų tvarkymas yra esminis aspektas kuriant interaktyvias ir lanksčias funkcijas. Kūrimo aplinkoje Express.js galite lengvai apdoroti įvesties duomenis iš formų ir įvairių HTTP užklausų, pvz. GET, POST, PUT, , PATCH, ir DELETE. Pateikiame išsamų vadovą su keliais metodais ir pavyzdžiais, kurie padės tai pasiekti:

Informacijos gavimas iš Form

HTML kūrimas Form: pradėkite kurdami HTML form Pug arba EJS faile. action Įsitikinkite, kad žymoje nustatėte atributą <form>, kad nurodytumėte maršrutą, kuriuo bus išsiųsta užklausa.

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

Tvarkyti POST užklausą: maršruto tvarkyklėje naudokite body-parser tarpinę programinę įrangą, kad gautumėte duomenis iš POST užklausos.

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

 

Įvairių tipų užklausų tvarkymas naudojant prisijungimo pavyzdį

Užklausos POST siuntimas iš prisijungimo Form: HTML form įsitikinkite, kad nustatėte post metodą ir action atributą, kad nurodytumėte maršrutą, kuriuo POST bus siunčiama užklausa.

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

Prisijungimo POST užklausos tvarkymas: maršruto tvarkyklėje naudokite body-parser tarpinę programinę įrangą, kad gautumėte duomenis iš POST užklausos ir atliktumėte prisijungimo apdorojimą.

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

 

Tvarkymas PUT ir DELETE užklausos

Užklausos tvarkymas PUT: norėdami tvarkyti PUT užklausas, galite naudoti maršrutą ir tarpinę programinę įrangą, kad gautumėte duomenis iš užklausos ir atliktumėte atitinkamą naujinimą.

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

Užklausos tvarkymas DELETE: norėdami tvarkyti DELETE užklausas, taip pat naudokite maršrutą ir tarpinę programinę įrangą, kad nustatytumėte ID ir atliktumėte ištrynimą.

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

 

Išvada

Supratimas, kaip tvarkyti vartotojo įvesties duomenis ir įvairias HTTP užklausas, yra labai svarbus kuriant žiniatinklio svetainę. Naudodami Express.js ir tarpinę programinę įrangą body-parser, pvz., galite lengvai apdoroti įvestį iš formų ir tvarkyti įvairias HTTP užklausas, įskaitant GET, POST, PUT, PATCH ir DELETE. Tai leidžia svetainėje kurti interaktyvias ir lanksčias funkcijas.