ajax post blank,javascript - Ajax form $_POST blank return data - Stack Overflow

The syntax of the object you're providing to the data property is incorrect as each item needs a key.

However a more pressing problem is that to upload a file you need to put all the data (file and input values) in to the FormData object and send that alone. Try this:

var formData = new FormData();

$.each($('input[name^="media"]')[0].files, function(i, file) {

formData.append(i, file);

});

formData.append('name', $('[data-field="name"]').val());

formData.append('email', $('[data-field="email"]').val());

formData.append('inumber', $('[data-field="rnumber"]').val());

formData.append('rnumber', $('[data-field="rnumber"]').val());

formData.append('date', $('[data-field="date"]').val());

formData.append('amount', $('[data-field="amount"]').val());

formData.append('feedback', $('[data-field="name"]').val());

$.ajax({

type: 'POST',

data: formData,

url: 'billing-information-mailer.php',

cache: false,

contentType: false,

processData: false,

success: function(data){

console.log(data);

}

});

You could make this much, much simpler if you place a form element around all the inputs you want to include in the request. That way you can just provide a reference of that form to the FormData constructor and all values will be populated for you:

var formData = new FormData($('#myForm')[0]);