ان پٹ ڈیٹا کو ہینڈل کرنا Express.js

ویب ایپلیکیشنز بناتے وقت، انٹرایکٹو اور لچکدار خصوصیات بنانے کے لیے صارف کے ان پٹ ڈیٹا کو ہینڈل کرنا ایک اہم پہلو ہے۔ ترقیاتی ماحول میں 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: ایچ ٹی ایم ایل میں 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 ، آپ آسانی سے فارموں سے ان پٹ پر کارروائی کرسکتے ہیں اور مختلف HTTP درخواستوں بشمول GET, POST, PUT, PATCH, اور کو ہینڈل کرسکتے ہیں DELETE ۔ یہ آپ کو اپنی ویب سائٹ پر انٹرایکٹو اور لچکدار خصوصیات بنانے کے قابل بناتا ہے۔