إرسال بيانات النموذج وبيانات السلسلة في وقت واحد في JQuery AJAX

عند العمل مع النماذج التي تتضمن تحميلات الملفات، من الضروري دمج بيانات الملف مع بيانات إضافية بيانات السلسلة لتقديمها إلى الخادم. فيما يلي كيفية تحقيق ذلك باستخدام FormData () في JQuery AJAX:

إنشاء FormData باستخدام بيانات الملف والسلسلة:

// Create a new FormData object
var fd = new FormData();

// Append file data
for (var i = 0; i 
إرسال البيانات باستخدام AJAX:
$.ajax({
  url: 'submit.php',
  data: fd,
  contentType: false,
  processData: false,
  type: 'POST',
  success: function (data) {
    console.log(data);
  },
});
شرح:
serializeArray(): تسترد هذه الطريقة بيانات النموذج كمصفوفة من الكائنات، مما يوفر أفضل التحكم في اسم كل إدخال وقيمته.  
 
 نوع المحتوى: خطأ وبيانات العملية: خطأ : يتم تعطيل هذه الإعدادات معالجة البيانات الافتراضية لـ JQuery والسماح بإرسال FormData الخام إلى الخادم.  
 
'submit.php': استبدل هذا بعنوان URL الخاص بالبرنامج النصي من جانب الخادم الذي سيتعامل مع بيانات الملف والسلسلة.  
 
 اعتبارات من جانب الخادم:   
 لاسترداد بيانات الملف والسلسلة على الخادم، يمكنك استخدام الكود التالي:
// Files
print_r($_FILES);

// بيانات أخرى
print_r($_POST);