भित्र इनपुट डाटा ह्यान्डल गर्दै Express.js

वेब अनुप्रयोगहरू निर्माण गर्दा, अन्तरक्रियात्मक र लचिलो सुविधाहरू सिर्जना गर्न प्रयोगकर्ता इनपुट डेटा ह्यान्डलिङ एक महत्वपूर्ण पक्ष हो। विकास वातावरणमा Express.js, तपाईं सजिलैसँग फारमहरू र विभिन्न HTTP अनुरोधहरू जस्तै GET, POST, PUT, PATCH, र बाट इनपुट डाटा प्रक्रिया गर्न सक्नुहुन्छ DELETE । तपाईंलाई यो हासिल गर्न मद्दत गर्नको लागि यहाँ धेरै विधिहरू र उदाहरणहरूको साथ विस्तृत गाइड छ:

बाट जानकारी प्राप्त गर्दै Form

HTML सिर्जना गर्दै Form: form पग वा EJS फाइलमा HTML सिर्जना गरेर सुरु गर्नुहोस् । तपाईंले अनुरोध पठाइने मार्ग निर्दिष्ट गर्न ट्यागमा action विशेषता सेट गर्नुभएको सुनिश्चित गर्नुहोस् । <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>  

ह्यान्डलिंग POST अनुरोध: रुट ह्यान्डलरमा, body-parser अनुरोधबाट डाटा निकाल्न मिडलवेयर प्रयोग गर्नुहोस् 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  
});  

 

लगइन उदाहरणको साथ विभिन्न अनुरोध प्रकारहरू ह्यान्डल गर्दै

POST लगइनबाट अनुरोध पठाउँदै Form: HTML मा form, तपाईंले अनुरोध पठाइने मार्ग निर्दिष्ट गर्न 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: रुट ह्यान्डलरमा, body-parser अनुरोधबाट डाटा निकाल्न POST र लगइन प्रशोधन गर्न मिडलवेयर प्रयोग गर्नुहोस्।

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

 

ह्यान्डलिंग PUT र DELETE अनुरोधहरू

ह्यान्डलिंग PUT अनुरोध: अनुरोधहरू ह्यान्डल गर्न PUT, तपाईंले अनुरोधबाट डेटा निकाल्न र सम्बन्धित अद्यावधिक प्रदर्शन गर्न रुट र मिडलवेयर प्रयोग गर्न सक्नुहुन्छ।

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

ह्यान्डलिंग DELETE अनुरोध: अनुरोधहरू ह्यान्डल गर्न DELETE, ID पहिचान गर्न र मेटाउनको लागि मार्ग र मिडलवेयर पनि प्रयोग गर्नुहोस्।

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

 

निष्कर्ष

वेब विकासमा प्रयोगकर्ता इनपुट डेटा र विभिन्न HTTP अनुरोधहरू कसरी ह्यान्डल गर्ने भनेर बुझ्नु महत्त्वपूर्ण छ। Express.js जस्तै मिडलवेयर प्रयोग गरेर body-parser, तपाइँ सजिलैसँग फारमहरूबाट इनपुट प्रशोधन गर्न सक्नुहुन्छ र GET, POST, PUT, PATCH, र सहित विभिन्न HTTP अनुरोधहरू ह्यान्डल गर्न सक्नुहुन्छ DELETE । यसले तपाइँलाई तपाइँको वेबसाइटमा अन्तरक्रियात्मक र लचिलो सुविधाहरू सिर्जना गर्न सक्षम बनाउँछ।