درب النجاح

درب الناجحين العرب.

دورات مرئية كاملة، دروس و مقالات في المجال المعلوماتي.

تصفح الدورات تصفح الدروس

2. إرسال فورم يحتوي على بيانات و ملفات إلى الخادم باستعمال AJAX و JQuery

16 د 1515 saidhamri 06/01/2016

المحتوى

المحتوى

السلام عليكم و رحمة الله تعالى وبركاته.

مرحبا بكم أيها الأحبة في درس جديد من دروس درب النجاح.

في هذا الدرس بحول الله سنتحدث عن كيفية إرسال فورم يحتوي على بيانات و ملفات إلى الخادم باستعمال AJAX ، نعطي من خلاله الحل المبسط للمشكل الذي يواجه المبرمجين عند إرسال الفورم باستعمال AJAX و JQuery في حالة وجود ملف Input type="file" في الفورم.

سنتحدث عن الخاصية enctype="multipart/form-data" في الفورم و نرى كيفية استعمال الكائن جافاسكريبت FormData لانشاء ازدواجية عناصر وقيمها من خلال حقول الفورم ثم نرسلها باستعمال AJAX في البارامتر data.

هذا و الأهم في هذا الدرس هو الحديث عن البارامترين contentType و processData لمنع JQuery من استمال الترميز الإفتراضي application/x-www-form-urlencoded.

ومن جهة الخادم سنرى كيفية حفظ البيانات في قاعدة البيانات MySQL و حفظ الملف في السيرفر.



أنار الله دربكم وبالإيمان ملأ قلبكم و السلام عليكم.

تحميل

ajax-upload
2. إرسال فورم يحتوي على بيانات و ملفات إلى الخادم باستعمال AJAX و JQuery

حمل المشروع وتصفح الكود إذا واجهتك مشاكل في التطبيق.

تحميل

أضف تعليق

التعليقات 0

لاتوجد تعاليق عن هذا المقال.

إلغاء
ضع إشكاليتك هنا !

قالو عنا..

إلغاء
زدني من نهل علمك يا أستاذي أرتوي
***
حبي لأهل العلم جامح لن أرعوي
في الدرب إنني ماض كأنني
***
سهم في سماء العز علا لا ينحني

هدية من الأخ: خالد السعداني