वेब ऍप्लिकेशन्स तयार करताना, परस्परसंवादी आणि लवचिक वैशिष्ट्ये तयार करण्यासाठी वापरकर्ता इनपुट डेटा हाताळणे ही एक महत्त्वाची बाब आहे. विकास वातावरणात Express.js, तुम्ही फॉर्म आणि विविध HTTP विनंत्या जसे की GET, POST, PUT, PATCH, आणि वरून इनपुट डेटावर सहज प्रक्रिया करू शकता DELETE. तुम्हाला हे साध्य करण्यात मदत करण्यासाठी अनेक पद्धती आणि उदाहरणांसह तपशीलवार मार्गदर्शक येथे आहे:
कडून माहिती घेत आहे Form
एचटीएमएल तयार करणे Form: form पग किंवा ईजेएस फाइलमध्ये एचटीएमएल तयार करून सुरुवात करा. विनंती पाठवली जाईल तो मार्ग निर्दिष्ट करण्यासाठी आपण 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. हे तुम्हाला तुमच्या वेबसाइटवर परस्परसंवादी आणि लवचिक वैशिष्ट्ये तयार करण्यास सक्षम करते.