jQuery Tutorial
jQuery Effects
jQuery HTML/CSS
jQuery Form
- jquery-serialize()
- jquery-serializearray()
jQuery Events
jQuery Misc
jQuery Questions
Miscellaneous
- jquery-vs-angularjs
jQuery MCQ
- jquery-mcq
jQuery UI
- 50+-jquery-ui
Interview Questions
- jquery-questions

jQuery serializeArray()

The jQuery serializedArray() Method is used to create a JavaScript array of objects by serializing form values. It operates on a jQuery collection of forms and form controls. You can select one or more form elements such as , or the form element itself. </p> <p><strong>Syntax</strong>: </p> <div class="codeblock"> <textarea name="code" class="xml"> $(selector).serializeArray()

jQuery serializeArray() example

Let's take an example of serializeArray() method.

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        var x = $("form").serializeArray();
        $.each(x, function(i, field){
            $("#results").append(field.name + ":" + field.value + " ");
        });
    });
});
</script>
</head>
<body>
<form action="">
  First name: <input type="text" name="FirstName" value="Ajeet"><br>
  Last name: <input type="text" name="LastName" value="Maurya"><br>
</form>
<button>Serialize form values</button>
<div id="results"></div>
</body>
</html>

Test it Now

Next TopicjQuery events()

← prev next →