ਵਿੱਚ ਇਨਪੁਟ ਡੇਟਾ ਨੂੰ ਸੰਭਾਲਣਾ Express.js

ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਉਣ ਵੇਲੇ, ਇੰਟਰਐਕਟਿਵ ਅਤੇ ਲਚਕਦਾਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਣਾਉਣ ਲਈ ਉਪਭੋਗਤਾ ਇਨਪੁਟ ਡੇਟਾ ਨੂੰ ਸੰਭਾਲਣਾ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਪਹਿਲੂ ਹੈ। ਵਿਕਾਸ ਵਾਤਾਵਰਨ ਵਿੱਚ Express.js, ਤੁਸੀਂ ਆਸਾਨੀ ਨਾਲ ਫਾਰਮਾਂ ਅਤੇ ਵੱਖ-ਵੱਖ HTTP ਬੇਨਤੀਆਂ ਜਿਵੇਂ ਕਿ GET, POST, PUT, PATCH, ਅਤੇ ਤੋਂ ਇਨਪੁਟ ਡੇਟਾ ਦੀ ਪ੍ਰਕਿਰਿਆ ਕਰ ਸਕਦੇ ਹੋ DELETE । ਇਸ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰਨ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰਨ ਲਈ ਇੱਥੇ ਕਈ ਤਰੀਕਿਆਂ ਅਤੇ ਉਦਾਹਰਨਾਂ ਦੇ ਨਾਲ ਇੱਕ ਵਿਸਤ੍ਰਿਤ ਗਾਈਡ ਹੈ:

ਤੋਂ ਜਾਣਕਾਰੀ ਪ੍ਰਾਪਤ ਕਰ ਰਿਹਾ ਹੈ Form

HTML ਬਣਾਉਣਾ Form: form ਇੱਕ Pug ਜਾਂ 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 । ਇਹ ਤੁਹਾਨੂੰ ਤੁਹਾਡੀ ਵੈਬਸਾਈਟ 'ਤੇ ਇੰਟਰਐਕਟਿਵ ਅਤੇ ਲਚਕਦਾਰ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਬਣਾਉਣ ਦੇ ਯੋਗ ਬਣਾਉਂਦਾ ਹੈ।