close

Giriş Verilerini İşleme Express.js

Web uygulamaları oluştururken, etkileşimli ve esnek özellikler oluşturmak için kullanıcı girdi verilerini işlemek kritik bir husustur. Geliştirme ortamında, formlardan ve, ve Express.js gibi çeşitli HTTP isteklerinden gelen girdi verilerini kolayca işleyebilirsiniz. İşte bunu başarmanıza yardımcı olacak birçok yöntem ve örnek içeren ayrıntılı bir kılavuz: GET POST PUT PATCH DELETE

Şuradan Bilgi Alınıyor: Form

HTML Oluşturma Form: form Bir Pug veya EJS dosyasında bir HTML oluşturarak başlayın. İsteğin gönderileceği yolu belirtmek için etiketteki action özelliği ayarladığınızdan emin olun. <form> 

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

İstek POST İşleme: Rota işleyicide, body-parser istekten veri çıkarmak için ara yazılımı kullanın POST.

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

 

Oturum Açma Örneği İle Çeşitli İstek Türlerini Ele Alma

POST Oturum Açmadan İstek Gönderme Form: HTML'de, yöntemi ve niteliği, isteğin gönderileceği yolu belirtmek için form ayarladığınızdan emin olun. post action POST 

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

POST Oturum Açma İsteğini İşleme: Rota işleyicide, body-parser istekten veri çıkarmak POST ve oturum açma işlemini gerçekleştirmek için ara yazılımı kullanın.

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

 

İşleme PUT ve DELETE İstekler

İstek PUT İşleme: İstekleri işlemek için PUT, istekten veri çıkarmak ve ilgili güncellemeyi gerçekleştirmek için bir rota ve ara yazılım kullanabilirsiniz.

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

İstek DELETE İşleme: İstekleri işlemek için DELETE, ayrıca kimliği tanımlamak ve silme işlemini gerçekleştirmek için bir rota ve ara yazılım kullanın.

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

 

Çözüm

Web geliştirmede kullanıcı girdi verilerinin ve çeşitli HTTP isteklerinin nasıl işleneceğini anlamak çok önemlidir. Express.js ve benzeri ara yazılımları kullanarak, formlardan gelen girdileri kolayca body-parser işleyebilir ve, , ve gibi farklı GET HTTP isteklerini işleyebilirsiniz. Bu, web sitenizde etkileşimli ve esnek özellikler oluşturmanıza olanak tanır. POST PUT PATCH DELETE