انتقل إلى محتوى الدرس

Form Method GET Versus POST خاصية Method والفروق بين الطريقتين

تعلم التحكم في خصائص نماذج HTML: أتقن تحديد مسار المعالجة action، والمفاضلة بين GET و POST، وضبط ترميز enctype، والتحكم في الإكمال التلقائي، وتأمين النوافذ المنبثقة.
5 صفوف تعليمية
لغة HTML
10,104 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي
تحدد خاصية الطريقة method الفعل الشبكي لبروتوكول HTTP المستخدم في نقل بيانات النموذج. ويعد الفهم الدقيق للاختلافات الجوهرية بين طريقتي GET و POST ركيزة أساسية لتصميم تطبيقات ويب آمنة وعالية الكفاءة.
الصف 2 صورة توضيحية
مقارنة معمارية بين طريقة GET في شريط العنوان وطريقة POST في جسم الطلب
الصف 3 شرح توضيحي
وجه المقارنة طريقة GET طريقة POST
موقع ورؤية البيانات مرئية في شريط العنوان كسلسلة استعلام معزولة ومخفية داخل جسم طلب الشبكة
الغرض الأساسي استرجاع البيانات وعمليات البحث العامة تعديل بيانات الخادم أو نقل معلومات حساسة
التخزين المؤقت والمفضلة قابلة للحفظ في المفضلة وسجل التصفح والكاش غير قابلة للحفظ في المفضلة ولا تُخزن مؤقتاً
حدود حجم البيانات مقيدة بطول الرابط في المتصفحات بحدود ألفي حرف سعة ضخمة غير مقيدة بحدود حجم صارمة
دعم رفع الملفات لا تدعم رفع الملفات الثنائية أو الوسائط نهائياً تدعم رفع المستندات والملفات متعددة الأجزاء
المستوى الأمني غير آمنة لكلمات المرور أو الرموز السرية معيار إلزامي لبيانات الاعتماد وإجراء التعديلات
الصف 4 كود برمجي
HTML
<!-- GET: Suitable for search filters -->
<form action="/catalog" method="get">
  <input name="search" type="search">
  <button type="submit">Find</button>
</form>

<!-- POST: Mandatory for authentication -->
<form action="/login" method="post">
  <input name="secret" type="password">
  <button type="submit">Sign In</button>
</form>
الصف 5 ملاحظة هامة