Índice

Almacenar y recuperar datos

El método data() permite almacenar y recuperar cualquier dato.

Almacenar datos

Para asociar un valor a un elemento de la página, por ejemplo una división <div>.

data(clave, valor)
  • clave: cadena de caracteres que especifica el nombre asignado a los datos almacenados. 

  • valor: los datos almacenados. Estos pueden encontrarse bajo la forma de una cadena de caracteres, de un array o de un objeto.

$("div").data("numero",2015);

Recuperar datos almacenados

Para recuperar en el script un valor almacenado, basta con hacer una llamada con su nombre.

data(clave)
  • clave: cadena de caracteres que recupera el nombre asignado a los datos almacenados. 

$("div").data("numero")

Eliminar datos almacenados

Para no saturar la memoria del navegador, puede resultar útil eliminar los datos almacenados que ya no sirven.

removeData(clave)
  • clave: cadena de caracteres que recupera el nombre asignado a los datos almacenados. 

$("div").removeData("numero");

Para los expertos en JavaScript, el método data() puede ser un truco para transformar una variable local en global.

Ejemplo

Creamos una página donde, al hacer un clic en un botón, se almacenarán datos. Otro botón mostrará estos datos en un cuadro de diálogo.

Aspecto inicial:

images/11_4_v41.png

Aspecto obtenido al hacer clic en el botón "Almacenar los datos" y después en el botón "Mostrar los datos":

images/11_4_v42.png

El documento HTML:

<!doctype html>  ...