El método serializeArray() crea una array de objetos (nombre y valor) mediante la serialización de valores de formulario. Este método se puede utilizar para obtener los datos del formulario.
Sintaxis:
$(selector).serializeArray()
Parámetro: No acepta ningún parámetro.
Valor devuelto: Devuelve todo el valor que está dentro de los campos de entrada.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$("button").click(function() {
var x = $("form").serializeArray();
$.each(x, function(i, field) {
$("#output").append(field.name + ":"
+ field.value + " ");
});
});
});
</script>
<style>
#GFG {
width: 300px;
padding: 50px;
height: 150px;
border: 2px solid green;
}
</style>
</head>
<body>
<div id="GFG">
<form action="#">
Name: <input type="text"
style="margin: 10px;" name="Name">
<br>
</form>
<button>Submit</button>
</div>
<div id="output"></div>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
jQuery es una biblioteca JavaScript de código abierto que simplifica las interacciones entre un documento HTML/CSS. Es muy famosa por su filosofía de «Escribir menos, hacer más» .
Puede aprender jQuery desde cero siguiendo este tutorial de jQuery y ejemplos de jQuery .