jQuery serializeArray() with Examples

jQuery serialize() with Examples

Last Updated : 12 Jul, 2023

The serialize() method is an inbuilt method in jQuery that 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 an object for the selected element.

The below example illustrates the serialize() method in jQuery:

Example:

html

<!DOCTYPE html>
<html>

<head>
    <title>serialize Method</title>
    <script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
    </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:

jQuery-91

jQuery serializeArray() with Examples

K

kundankumarjha

Improve

Article Tags :

Similar Reads

jQuery ajax() Method

The jQuery ajax() method is used to perform asynchronous HTTP requests, allowing you to load data from a server without reloading the webpage. It provides a flexible way to interact with remote servers using GET, POST, or other HTTP methods, supporting various data formats.Syntax:$.ajax({name:value,

jQuery ajaxSetup() Method

The ajaxSetup() method in jQuery is used to set the default values for future AJAX requests. Syntax: $.ajaxSetup( {name:value, name:value, ... } )Parameters: type: It is used to specify the type of request.url: It is used to specify the URL to send the request to.username: It is used to specify a us

jQuery | get() Method

In jQuery .get() method loads data from the server by using the GET HTTP request. This method returns XMLHttpRequest object. Syntax $.get( url, [data], [callback], [type] ) Parameters url : String containing the URL at which request is to be sent data : This is an optional parameter that represents

jQuery getJSON() Method

In this article, we will learn about the getJSON() method in jQuery, along with understanding their implementation through the example. jQuery is an open-source JavaScript library that simplifies the interactions between an HTML/CSS document, It is widely famous for its philosophy of â€œWrite less, do

JQuery | parseJSON() method

This parseJSON() method in jQuery takes a well-formed JSON string and returns the resulting JavaScript value. Syntax: jQuery.parseJSON( json )Parameters: The parseXML() method accepts only one parameter that is mentioned above and described below: json: This parameter is the well-formed JSON string

jQuery getScript() Method

The getScript() method in jQuery is used to run a JavaScript using AJAX HTTP GET request. Syntax: $(selector).getScript(url, success(response, status))Parameters: It contains two parameters as mentioned above and described below: url: It is a required parameter. It holds the url to whom the request

jQuery param() method

The param() method in jQuery is used to create a serialized representation of an object. Syntax: $.param( object, trad )Parameters: This method accepts two parameters as mentioned above and described below: object: It is a mandatory parameter that is used to specify an array or object to serialize.t

jQuery | post() Method

The post() method in jQuery loads the page from server using POST HTTP request and returns XMLHttpRequest object. Syntax: $.post( url, data, callback_function, data_type ) Parameters: This method accepts four parameters as mentioned above and described below: url: It is the required parameter and us

jQuery ajaxComplete() Method

The ajaxComplete() method is used to specify a function to be run when an AJAX request completes. Syntax: $(document).ajaxComplete(function(event, xhr, options))Parameter: event: It contains the event object. xhr: It contains the XMLHttpRequest object. options: It contains the used options in AJAX r

jQuery ajaxError() Method

The ajaxError() method in jQuery is used to specify a function to be run when an AJAX request fails. Syntax: $(document).ajaxError( function(event, xhr, options, exc) )Parameters: This method accepts single parameter function which is mandatory. This function accepts four parameters which are listed