वेब एप्लिकेशन बनाते समय, इंटरैक्टिव और लचीली सुविधाएं बनाने के लिए उपयोगकर्ता इनपुट डेटा को संभालना एक महत्वपूर्ण पहलू है। विकास परिवेश में 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, आईडी की पहचान करने और हटाने के लिए रूट और मिडलवेयर का भी उपयोग करें।
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 । यह आपको अपनी वेबसाइट पर इंटरैक्टिव और लचीली सुविधाएँ बनाने में सक्षम बनाता है।