Return to Answer

You can also use FormData (But not available in IE):

var formData = new FormData(document.getElementsByName('yourForm')[0]);// yourForm: form selector        
            $.ajax({
                type: "POST",
                url: "yourURL",// where you wanna post
                data: formData,
                processData: false,
                contentType: false,
                error: function(jqXHR, textStatus, errorMessage) {
                   console.log(errorMessage); // Optional
                },
                success: function(data) {console.log(data)} 
            });

How to use FormData: https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects

You can also use FormData (But not available in IE):

var formData = new FormData(document.getElementsByName('yourForm')[0]);// yourForm: form selector        
$.ajax({
    type: "POST",
    url: "yourURL",// where you wanna post
    data: formData,
    processData: false,
    contentType: false,
    error: function(jqXHR, textStatus, errorMessage) {
        console.log(errorMessage); // Optional
    },
    success: function(data) {console.log(data)} 
});

This is how you use FormData.

You can also use DataForm (But not available in IE):

var formData = new FormData(document.getElementsByName('yourForm')[0]);// yourForm: form selector        
            $.ajax({
                type: "POST",
                url: "yourURL",// where you wanna post
                data: formData,
                processData: false,
                contentType: false,
                error: function(jqXHR, textStatus, errorMessage) {
                   console.log(errorMessage); // Optional
                },
                success: function(data) {console.log(data)} 
            });

How to use FormData: https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects

You can also use FormData (But not available in IE):

var formData = new FormData(document.getElementsByName('yourForm')[0]);// yourForm: form selector        
            $.ajax({
                type: "POST",
                url: "yourURL",// where you wanna post
                data: formData,
                processData: false,
                contentType: false,
                error: function(jqXHR, textStatus, errorMessage) {
                   console.log(errorMessage); // Optional
                },
                success: function(data) {console.log(data)} 
            });

How to use FormData: https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects

You can also use DataForm (But not available in IE):

var formData = new FormData(document.getElementsByName('yourForm')[0]);// yourForm: form selector        
            $.ajax({
                type: "POST",
                url: "yourURL",// where you wanna post
                data: formData,
                processData: false,
                contentType: false,
                error: function(jqXHR, textStatus, errorMessage) {
                   console.log(errorMessage); // Optional
                },
                success: function(data) {console.log(data)} 
            });

You can also use DataForm (But not available in IE):

var formData = new FormData(document.getElementsByName('yourForm')[0]);// yourForm: form selector        
            $.ajax({
                type: "POST",
                url: "yourURL",// where you wanna post
                data: formData,
                processData: false,
                contentType: false,
                error: function(jqXHR, textStatus, errorMessage) {
                   console.log(errorMessage); // Optional
                },
                success: function(data) {console.log(data)} 
            });

How to use FormData: https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest/FormData/Using_FormData_Objects