Índice

Serializar los datos

Este método transforma los datos de los campos del formulario en una cadena de caracteres que los contiene.

Este proceso resulta muy útil si se desea enviar estos datos al servidor para una consulta AJAX en un formato compatible con la mayoría de lenguajes de programación del lado servidor.

Para el correcto funcionamiento del método serialize(), los campos del formulario deben tener un atributo name.

serialize()

Transforma los datos de los campos del formulario en una cadena de caracteres.

$("form").serialize();

Este método devuelve una cadena de caracteres (string).

serializeArray()

Transforma los datos de los campos de formulario en una variable Array.

Este método devuelve un objeto Array.

Ejemplo

Supongamos un formulario de inicio.

images/10_7_v41.png

El documento HTML:

<!doctype html> 
<html lang="es"> 
<head> 
<meta charset="utf-8"> 
<title>jQuery</title> 
<script src="jquery.js"></script> 
<script> 
    $(document).ready(function(){ 
        $(’button’).on("click", function() { 
            var str = $("form").serialize(); 
            $("#resultado").text(str); 
        }); 
    }); 
</script> 
<style> 
    #resultado { 
        margin-top: 8px;  ...