كيفية إرسال بيانات النموذج

جدول المحتويات:

كيفية إرسال بيانات النموذج
كيفية إرسال بيانات النموذج

فيديو: كيفية إرسال بيانات النموذج

فيديو: كيفية إرسال بيانات النموذج
فيديو: How to Send Form Data to Our Email | كيفية ارسال النماذج إلى الإيميل الخاص بنا 2024, يمكن
Anonim

يعد إرسال البيانات من نموذج يملأه الزائر إلى موقع إنترنت أحد أكثر المهام التي يتم حلها بشكل متكرر للتفاعل التفاعلي بين متصفحي الويب وبرامج الخادم لهذا المورد. تنظيم هذه العملية في الكود المصدري لصفحة النص التشعبي أسهل بكثير من إنشاء البرامج النصية لمعالجة البيانات المرسلة. يمكن تنفيذه عن طريق لغة HTML واستخدام نصوص جافا سكريبت.

كيفية إرسال بيانات النموذج
كيفية إرسال بيانات النموذج

تعليمات

الخطوة 1

إذا لم يتم تنفيذ معالجة البيانات في نفس الملف الذي ينشئ الصفحة بالنموذج ، فتأكد من تحديد عنوان البرنامج النصي للمعالج في سمة الإجراء. حدد إحدى الطريقتين المحتملتين لإرسال متغيرات النموذج - Get أو Post. يعتمد الاختيار على أي منهم يستخدم لقراءة المتغيرات بواسطة البرنامج النصي. من حيث المبدأ ، هذا كافٍ لحل المشكلة ؛ ليس من الضروري وضع عنصر خاص في النموذج الذي يبدأ في إرسال المعلومات ، لأن الضغط على مفتاح Enter افتراضيًا يعادل النقر على الزر لإرسال البيانات. ومع ذلك ، لن يخمن كل مستخدم في هذا الأمر ، لذلك من الأفضل وضع الزر المقابل في النموذج.

الخطوة 2

استخدم زرًا يتم تقديمه بواسطة علامة إدخال ذات قيمة إرسال في سمة النوع. يعد النقر فوق هذا الزر الطريقة "الكلاسيكية" ، والأكثر استخدامًا لتنظيم إرسال البيانات من نموذج على صفحة ويب. بالإضافة إلى سمة النوع ، من المستحسن تحديد قيمة سمة الاسم ، وفي القيمة يمكنك وضع نص التسمية على الزر. على سبيل المثال:

الخطوه 3

يمكنك استخدام JavaScript لإرسال البيانات. يمكن أن يكون هذا مفيدًا في الحالات التي تحتاج فيها إلى تنظيم الإرسال التلقائي لأي حدث - على سبيل المثال ، بعد أن يحدد المستخدم القيمة المطلوبة في القائمة المنسدلة ، أو إذا كان يجب التحقق منها بواسطة مدقق JavaScript قبل إرسال المعلومات. لتنفيذ طريقة إرسال البيانات هذه ، استخدم طريقة الإرسال لكائن النموذج. على سبيل المثال ، إذا تمت كتابة قيمة UniForm إلى سمة الاسم الخاصة بالنموذج ، فعندئذٍ لمحاكاة النقر فوق زر الإرسال في كود JavaScript ، بعد كل الإجراءات الضرورية مع القيم التي أدخلها المستخدم ، تحتاج إلى وضع ما يلي السطر: document. UniForm.submit () ؛

موصى به: