You can also send an array via FormData this way: var formData = new FormData; var arr = [‘this’, ‘is’, ‘an’, ‘array’]; for (var i = 0; i < arr.length; i++) { formData.append(‘arr[]’, arr[i]); } console.log(…formData); So you can write arr[] the same way as you do it with a simple HTML form. In case … Read more
You could also use forEach on the FormData object directly: var object = {}; formData.forEach(function(value, key){ object[key] = value; }); var json = JSON.stringify(object); UPDATE: And for those who prefer the same solution with ES6 arrow functions: var object = {}; formData.forEach((value, key) => object[key] = value); var json = JSON.stringify(object); UPDATE 2: And for … Read more
If you have an object, you can easily create a FormData object and append the names and values from that object to formData. You haven’t posted any code, so it’s a general example; var form_data = new FormData(); for ( var key in item ) { form_data.append(key, item[key]); } $.ajax({ url : ‘http://example.com/upload.php’, data : … Read more
Updated Method: As of March 2016, recent versions of Chrome and Firefox now support using FormData.entries() to inspect FormData. Source. // Create a test FormData object var formData = new FormData(); formData.append(‘key1’, ‘value1’); formData.append(‘key2’, ‘value2’); // Display the key/value pairs for (var pair of formData.entries()) { console.log(pair[0]+ ‘, ‘ + pair[1]); } Thanks to Ghost … Read more
Starting with Safari 5/Firefox 4, it’s easiest to use the FormData class: var data = new FormData(); jQuery.each(jQuery(‘#file’)[0].files, function(i, file) { data.append(‘file-‘+i, file); }); So now you have a FormData object, ready to be sent along with the XMLHttpRequest. jQuery.ajax({ url: ‘php/upload.php’, data: data, cache: false, contentType: false, processData: false, method: ‘POST’, type: ‘POST’, // … Read more