jQuery serializeArray()

Some important features of jQuery serializeArray() method are:

  • jQuery serializeArray() method creates a JavaScript array of objects.
  • One can select one or more form elements, as it operates on a jQuery collection of forms and form controls.
  • It serializes the form values.

Syntax:

$ (selector).serializeArray()  

Example 1

<!DOCTYPE html>  
<html>  
<head>  
 <script src="https://code.jquery.com/jquery-1.10.2.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="Mailid" value="test.com"><br>  
  Last name: <input type="text" name="UserName" value="Jai"><br>  
</form>  
<button>Serialize</button>  
<div id="results"></div>  
</body>  
</html>

Try it

JS Bin on jsbin.com

Please Share