વેબ એપ્લીકેશન બનાવતી વખતે, ઇન્ટરેક્ટિવ અને લવચીક સુવિધાઓ બનાવવા માટે વપરાશકર્તાના ઇનપુટ ડેટાને હેન્ડલ કરવું એ એક મહત્વપૂર્ણ પાસું છે. વિકાસ વાતાવરણમાં 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. આ તમને તમારી વેબસાઇટ પર ઇન્ટરેક્ટિવ અને લવચીક સુવિધાઓ બનાવવા માટે સક્ષમ કરે છે.