Question

Is there any way to automate adding params into jQuery $.get ?

For the moment I’m listing those by hand – but what would I do if the form has 100s of fields?

Please see my comment in the code belowe.

$.get:

                // How to automate this?
                var ContactName = $('#contact-name').val();                                       
                var ContactEmail = $('#contact-email').val();
                var ContactPhone = $('#contact-phone').val();
                var ContactMessage = $('#contact-message').val();

                $.get("contact-form.php", {

                    // How to automate this?
                    ContactName: ContactName,
                    ContactEmail: ContactEmail,
                    ContactPhone: ContactPhone,
                    ContactMessage: ContactMessage

                }, function() {}).success(function() {

                    // Do  stuff once email send
                })

Answer 1

Simply use $(“#myForm”).serialize().
see http://api.jquery.com/serialize/

$.get("contact-form.php",$("#myForm").serialize(), function() {}).success(function() {
   // Do  stuff once email send
});

you can also use serializeArray() if you want to manually add some parameters to the serialized form, see http://api.jquery.com/serializeArray/

var params = $("#myForm").serializeArray();
params.push({ name : "custom", value : "toto"});
$.get("contact-form.php",params, function() {}).success(function() {
       // Do  stuff once email send
});