Skip to content
Related Articles

Related Articles

jQuery | serialize() with Examples
  • Last Updated : 13 Feb, 2019

The serialize() method is an inbuilt method in jQuery which is used to create a text string in standard URL-encoded notation. This method can act on a jQuery object that has selected individual form controls, such as input, textarea etc.

Syntax:

$(selector).serialize()

Parameters: This method does not contain any parameter.

Return Value: This method returns a string of a object for the selected element.

Below example illustrates the serialize() method in jQuery:



Example:




<!DOCTYPE html>
<html>
    <head>
        <title>serialize Method</title>
        <script src=
        </script>
          
        <!-- jQuery code to show the working of this method -->
        <script>
            $(document).ready(function() {
                $("button").click(function() {
                    $("#d").text($("form").serialize());
                });
            });
        </script>
        <style>
            #d1 {
                width: 300px;
                height: 100px;
                padding: 20px;
                border: 2px solid green;
                margin-bottom: 10px;
            }
        </style>
    </head>
    <body>
        <div id="d1">
            <form action="">
                Site Name:
                <input type="text" name="SiteName" value="GeeksforGeeks">
                <br>
                <br> Contributor name:
                <input type="text" name="ContributorName" value="geeks">
                <br>
            </form>
            <!-- click on this button -->
            <button>Click here!</button>
        </div>
        <div id="d"></div>
    </body>
</html>


Output:
serialize method

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :