jQuery serialize() function

jQuery serialize() method creates a URL encoded text string by serializing the form values.

This values can be used in query string for making an AJAX request.

jQuery serialize() can act on a jQuery object for selecting individual form controls like <input>, <textarea>, and <select> etc.

Example of serialize:

Suppose, you have a following HTML:

<form action-xhr="#">
Name: <input type="text" name="name" value="John"><br>
Age: <input type="text" name="age" value="30"><br>
<input type="submit" name="submit" value="Submit" />
</form>

When using serialize() method as below:

var str = $( "form" ).serialize();
console.log( str );

Results: name=John&age=30