Can you serialize multiple forms into one so that only one post or ajax request is made? I have searched around and it is all for submiting each form separently via post/ajax.
If you run $('form'). serialize() on a page with multiple forms, it will correctly serialize all the forms into one string. Show activity on this post. When you use the jQuery serialize() function, it simply turns your form into a string in the format a=1&b=2&c=3 .
jQuery serialize() MethodThe serialize() method creates a URL encoded text string by serializing form values. You can select one or more form elements (like input and/or text area), or the form element itself. The serialized values can be used in the URL query string when making an AJAX request.
If you run $('form').serialize()
on a page with multiple forms, it will correctly serialize all the forms into one string.
To include only certain forms, use $('#form1, #form2').serialize()
When you use the jQuery serialize()
function, it simply turns your form into a string in the format a=1&b=2&c=3
. So you can certainly apply this function to two forms and concatenate the result, with an &
between them, and use the result in your ajax call. You'd want some checks to make sure neither string is empty when you do the concatenation.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With