درب النجاح

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

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

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

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

16 د 2224 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

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

تحميل

أضف تعليق

التعليقات 1

عبدالله سامي

عبدالله سامي 18/05/2017

أحسنت بارك الله بعلمك ونفع بك وجزاك الله خيرا
إلغاء
ضع إشكاليتك هنا !

قالو عنا..

إلغاء