Pass entire form as data in jQuery Ajax function

Question

I have a jQuery ajax function and would like to submit an entire form as post data. We are constantly updating the form so it becomes tedious to constantly update the form inputs that should be sent in the request.

Answer 1

There's a function that does exactly this:

http://api.jquery.com/serialize/

var data = $('form').serialize(); $.post('url', data); 

Answer 2

serialize() is not a good idea if you want to send a form with post method. For example if you want to pass a file via ajax its not gonna work.

Suppose that we have a form with this id : "myform".

the better solution is to make a FormData and send it:

    let myform = document.getElementById("myform");     let fd = new FormData(myform );     $.ajax({         url: "example.php",         data: fd,         cache: false,         processData: false,         contentType: false,         type: 'POST',         success: function (dataofconfirm) {             // do something with the result         }     });