jQuery serialize() method

jQuery AJAX Methods

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

We can select one or more form elements (such as input and/Or text area), or you can also select the form element itself.

When making AJAX requests, you can use serialized values in the URL query string.

Syntax:

$(selector).serialize()

Example

Output the result of serialized form values:

$("button").click(function(){
　　$("p").text($("form").serialize());
});

Serialize form to query string:

$(document).ready(function(){
　　function showValues() {
　　　　　　　　let str = $("form").serialize();
　　　　　　　　$("p").text(str);
　　}
　　$("input[type='checkbox'], input[type='radio']").on("click", showValues);
　　$("select").on("change", showValues);
});

jQuery AJAX Methods