jQuery serializeArray() with Examples Last Updated : 12 Jul, 2023 Comments Improve Suggest changes Like Article Like Report The serializeArray() is an inbuilt method in jQuery that is used to create a JavaScript array of objects that is ready to be encoded as a JSON string. It operates on a jQuery collection of forms and/or form controls. The controls can be of several types. JSON string is a text and can convert any JavaScript object into JSON, and send JSON to the server. Syntax: $(selector).serializeArray()Parameter: It does not accept any parameter. Return Value: It return a string of objects. jQuery code to show the working of serializeArray() method: Example: In this example, we are using above-explained method. html <!DOCTYPE html> <html> <head> <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 () { let x = $("form").serializeArray(); $.each(x, function (i, field) { $("#d").append(field.name + ":" + field.value + ":::"); }); }); }); </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="KundanJha"> <br> </form> <!-- click on this button --> <button>Click here!</button> </div> <div id="d"></div> </body> </html> Output: Comment More infoAdvertise with us K kundankumarjha Follow Improve Article Tags : Web Technologies JQuery jQuery-AJAX jQuery-Methods 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, 4 min read 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 3 min read 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 2 min read 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 2 min read 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 2 min read 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 2 min read 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 2 min read 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 2 min read 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 2 min read 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 2 min read Like