వెబ్ అప్లికేషన్లను రూపొందించేటప్పుడు, ఇంటరాక్టివ్ మరియు ఫ్లెక్సిబుల్ ఫీచర్లను రూపొందించడానికి యూజర్ ఇన్పుట్ డేటాను హ్యాండిల్ చేయడం ఒక కీలకమైన అంశం. అభివృద్ధి వాతావరణంలో, మీరు ఫారమ్లు మరియు, మరియు 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. ఇది మీ వెబ్సైట్లో ఇంటరాక్టివ్ మరియు సౌకర్యవంతమైన లక్షణాలను సృష్టించడానికి మిమ్మల్ని అనుమతిస్తుంది.