El método serialize() es un método incorporado en jQuery que se usa para crear una string de texto en notación estándar codificada en URL. Este método puede actuar sobre un objeto jQuery que ha seleccionado controles de formulario individuales, como entrada, área de texto, etc.
Sintaxis:
$(selector).serialize()
Parámetros: Este método no contiene ningún parámetro.
Valor devuelto: este método devuelve una string de un objeto para el elemento seleccionado.
El siguiente ejemplo ilustra el método serialize() en jQuery:
Ejemplo:
<!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>
Producción:
Publicación traducida automáticamente
Artículo escrito por kundankumarjha y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA