இணையப் பயன்பாடுகளை உருவாக்கும்போது, பயனர் உள்ளீட்டுத் தரவைக் கையாள்வது ஊடாடும் மற்றும் நெகிழ்வான அம்சங்களை உருவாக்க ஒரு முக்கியமான அம்சமாகும். வளர்ச்சி சூழலில், படிவங்கள் மற்றும், மற்றும் 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. இது உங்கள் இணையதளத்தில் ஊடாடும் மற்றும் நெகிழ்வான அம்சங்களை உருவாக்க உதவுகிறது.