Los valores numéricos y Almacenamiento local con HTML5

August 9

Con HTML5, puede escribir hasta 5 MB de datos en un archivo localStorage especial en el equipo cliente. Todas las páginas que vienen de su dominio comparten la misma área de almacenamiento, para que pueda utilizar este mecanismo para mantener los datos persistente entre varias páginas. Los datos también se mantiene en la máquina cliente (hasta que lo elimine), por lo que se puede utilizar para realizar un seguimiento de la información en el tiempo.

Si está trabajando con datos numéricos, recuerde que localStorage almacena todo como una cadena. No es ningún problema para almacenar un valor numérico en localStorage, pero cuando lo recupere, tendrás que convertir el valor de nuevo a un valor numérico (con parseInt () o parseFloat ()) para el tipo de datos que necesita. He aquí un ejemplo que cuenta el número de veces que un usuario ha visitado su sitio:

countVisits function () {
str_count = localStorage.getItem ("contar");
// Obtener un valor numérico de str_count, lo puso en el recuento
si (str_count == null || str_count == "nulo") {
count = 0;
} Else {
count = parseInt (str_count);
} // End if
// Recuento de la subasta
contar ++;
// Recuento de display
lblCounter = document.getElementById ("lblCounter");
lblCounter.innerHTML = "Has estado aquí" + count + "tiempos";

// Número de tiendas
localStorage.setItem ("contar", cuenta);
} // Recuento final

Tendría que ejecutarse cada vez que se carga la página de este código (tal vez con la etiqueta <body onload> atributo).

  1. El intento por obtener el recuento de localstore.

    Utilice el prefijo funciones str_ recordarles que los datos son actualmente una cadena.

  2. Asegúrese de que existe el valor.

    Si no hay una entrada en la base de datos para el recuento, esta debe ser la primera vez que el usuario se encuentra aquí (o que han limpiado la base de datos). En cualquier caso, asignar el valor 0 para contar (que es una variable numérica).

  3. Si existe str_count, convertirlo en un entero.

    Utilice el método parseInt () para convertir el str_count cadena en el contaje de entero.

  4. Añadir uno a contar.

    Ahora que cuenta es un número entero, se puede añadir a la misma.

  5. Muestra el valor del contador para el usuario.

    Por supuesto, esto no es absolutamente necesario, pero es bueno para proporcionar alguna información.

  6. Tienda contar de nuevo a la base de datos localStorage.

    Observe que puede almacenar la cuenta número entero a la base de datos sin problemas. Se convierte en voz baja a una cadena cuando se almacena.