JQuery AJAX में फॉर्मडेटा और स्ट्रिंग डेटा एक साथ भेजना

फ़ाइल अपलोड से जुड़े फॉर्म के साथ काम करते समय, फ़ाइल डेटा को अतिरिक्त के साथ जोड़ना आवश्यक है सर्वर पर सबमिट करने के लिए स्ट्रिंग डेटा। JQuery AJAX में फॉर्मडेटा() का उपयोग करके इसे कैसे प्राप्त किया जाए:

फ़ाइल और स्ट्रिंग डेटा के साथ फॉर्मडेटा का निर्माण:

// 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(): यह विधि फॉर्म डेटा को ऑब्जेक्ट की एक सरणी के रूप में पुनर्प्राप्त करती है, जो बेहतर प्रदान करती है प्रत्येक इनपुट के नाम और मूल्य पर नियंत्रण।
contentType: false औरprocessData: गलत: ये सेटिंग्स JQuery की डिफ़ॉल्ट डेटा प्रोसेसिंग को अक्षम कर देती हैं और कच्चे फॉर्मडेटा को सर्वर पर भेजने की अनुमति देती हैं।
'submit.php': इसे URL के साथ बदलें सर्वर-साइड स्क्रिप्ट जो फ़ाइल और स्ट्रिंग डेटा को संभालेगी।
सर्वर-साइड विचार:
सर्वर पर फ़ाइल और स्ट्रिंग डेटा को पुनः प्राप्त करने के लिए, आप निम्नलिखित कोड का उपयोग कर सकते हैं:
// Files
print_r($_FILES);

// Other data
print_r($_POST);