Ravnanje z vhodnimi podatki v Express.js

Pri izdelavi spletnih aplikacij je ravnanje z uporabniškimi vhodnimi podatki ključni vidik za ustvarjanje interaktivnih in prilagodljivih funkcij. V Express.js razvojnem okolju lahko preprosto obdelate vhodne podatke iz obrazcev in različnih HTTP zahtev, kot so GET, POST, PUT, PATCH, in DELETE. Tukaj je podroben vodnik z več metodami in primeri, ki vam bodo pomagali doseči to:

Prejemanje informacij od Form

Ustvarjanje HTML Form: Začnite z ustvarjanjem HTML form v datoteki Pug ali EJS. Prepričajte se, da ste nastavili action atribut v <form> oznaki, da določite pot, kamor bo poslana zahteva.

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

Obravnava POST zahteve: V upravljalniku poti uporabite body-parser vmesno programsko opremo za ekstrahiranje podatkov iz POST zahteve.

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

 

Primer obravnavanja različnih vrst zahtevkov s prijavo

Pošiljanje POST zahteve iz prijave Form: v HTML-ju form se prepričajte, da ste nastavili post metodo in action atribut za določitev poti, kamor POST bo zahteva poslana.

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

Obravnava POST zahteve za prijavo: V upravljalniku poti uporabite body-parser vmesno programsko opremo za ekstrahiranje podatkov iz POST zahteve in izvedbo obdelave 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!');  
  }  
});  

 

Ravnanje PUT in DELETE zahteve

Obravnava PUT zahteve: Za obdelavo PUT zahtev lahko uporabite pot in vmesno programsko opremo, da izvlečete podatke iz zahteve in izvedete ustrezno posodobitev.

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

Obravnava DELETE zahteve: za obdelavo DELETE zahtev uporabite tudi usmerjanje in vmesno programsko opremo za identifikacijo ID-ja in izvedbo brisanja.

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

 

Zaključek

Razumevanje, kako ravnati z vnesenimi podatki uporabnikov in različnimi zahtevami HTTP, je ključnega pomena pri spletnem razvoju. Z uporabo Express.js vmesne programske opreme, kot je body-parser, lahko preprosto obdelate vnose iz obrazcev in obravnavate različne zahteve HTTP, vključno z, GET, POST, in. To vam omogoča ustvarjanje interaktivnih in prilagodljivih funkcij na vašem spletnem mestu. PUT PATCH DELETE