فهم الفرق بين POST وPUT في HTTP

البرنامج النصي للواجهة الخلفية باستخدام Node.js وExpress

يوضح هذا البرنامج النصي كيفية استخدام أساليب POST وPUT في الواجهة الخلفية لـ Node.js وExpress

const express = require('express');
const app = express();
app.use(express.json());

let resources = {};

app.post('/resource', (req, res) => {
  const id = generateId();
  resources[id] = req.body;
  res.status(201).send({ id, ...req.body });
});

app.put('/resource/:id', (req, res) => {
  const id = req.params.id;
  resources[id] = req.body;
  res.status(200).send({ id, ...req.body });
});

function generateId() {
  return Math.random().toString(36).substr(2, 9);
}

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

البرنامج النصي للواجهة الأمامية باستخدام JavaScript وFetch API

يوضح هذا البرنامج النصي كيفية إجراء طلبات POST وPUT من تطبيق الواجهة الأمامية باستخدام JavaScript وFetch API

const createResource = async (data) => {
  const response = await fetch('http://localhost:3000/resource', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
  });
  return response.json();
};

const updateResource = async (id, data) => {
  const response = await fetch(`http://localhost:3000/resource/${id}`, {
    method: 'PUT',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
  });
  return response.json();
};

// Example usage
createResource({ name: 'New Resource' }).then(data => console.log(data));
updateResource('existing-id', { name: 'Updated Resource' }).then(data => console.log(data));

الأسئلة المتداولة حول POST وPUT في HTTP

1. ما هو الاستخدام الأساسي لطريقة POST؟
2. ال POST يتم استخدام الطريقة بشكل أساسي لإنشاء مورد جديد باعتباره تابعًا لمورد محدد.
3. ما هو الاستخدام الأساسي لطريقة PUT؟
4. ال PUT يتم استخدام الطريقة لإنشاء أو استبدال مورد في URI محدد.
5. هل POST عاجز؟
6. لا، POST الطريقة ليست غير فعالة، مما يعني أن طلبات POST المتطابقة المتعددة ستنشئ موارد متعددة.
7. هل PUT عاجز؟
8. نعم PUT الطريقة غير فعالة، مما يعني أن طلبات PUT المتعددة المتطابقة ستنتج نفس النتيجة كطلب واحد.
9. متى يجب عليك استخدام POST بدلاً من PUT؟
10. يستخدم POST عندما يحدد الخادم عنوان URI للمورد الجديد، ولا يحتاج العميل إلى تحديده.
11. متى يجب عليك استخدام PUT over POST؟
12. يستخدم PUT عندما يحدد العميل URI للمورد المراد إنشاؤه أو تحديثه.
13. هل يمكن استخدام PUT لتحديث المورد؟
14. نعم PUT يمكن للأسلوب تحديث مورد موجود إذا كان URI المحدد يشير إلى مورد موجود.
15. هل يمكن استخدام POST لتحديث أحد الموارد؟
16. بينما POST يمكن تحديث أحد الموارد تقنيًا، ويتم استخدامه بشكل عام لإنشاء موارد جديدة.
17. ماذا يحدث إذا كان URI في طلب PUT غير موجود؟
18. إذا لم يكن URI موجودًا، فسيتم PUT يمكن للطريقة إنشاء مورد جديد على URI هذا.
19. ما هو رمز حالة الاستجابة لطلب POST ناجح؟
20. ناجح POST عادةً ما يُرجع الطلب رمز الحالة 201 الذي تم إنشاؤه.

الأفكار النهائية حول طرق POST وPUT

في الختام، كل من أساليب POST وPUT لها أدوار مميزة في إنشاء الموارد وإدارتها داخل واجهات برمجة تطبيقات RESTful. يعد POST مثاليًا لإنشاء موارد جديدة دون الحاجة إلى تحديد URI، بينما يعد PUT أفضل لإنشاء الموارد أو تحديثها على URI محدد. من خلال فهم هذه الأساليب واستخدامها بشكل مناسب، يمكن للمطورين تصميم واجهات برمجة تطبيقات قوية وموثوقة ومتوافقة مع مبادئ بنية RESTful.