What is the serialize() method in jQuery?
Overview
The serialize() method is a built-in method in jQuery that creates a URL-encoded string by serializing the entire form data or specific form elements.
Syntax
$(selector).serialize();
Parameters
This method doesn’t accept any parameters.
Return value
This method returns a URL encoded string of the selected element. It will look something like this:
key1=value1&key2=value2...
Example
Let’s look at an example of the serialize() method in the code snippet below:
Explanation
In the HTML tab:
- Line 4: We import the
jQueryscript. - Line 7: We create a
form. - Line 9: We create an
inputelement of thetexttype. - Line 13: We create an
inputelement of thenumbertype. - Line 16: We create a
submitbutton.
In the JavaScript tab:
- Line 3: We attach the
click()method on thesubmitbutton. - Line 5: We use the
serialize()method to create a URL-encoded string of form data. - Lines 8: We print the serialized string on the console.
Output
- When the submit button is clicked, the
serialize()method is invoked, and the URL-encoded string is printed on the console.