Los valores numéricos y almacenamiento local con html5

Con HTML5, puede escribir hasta 5 MB de datos a un especial almacenamiento local presentar en el equipo cliente. Todas las páginas que vienen de su dominio comparten la misma área de almacenamiento, por lo que puede 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 quite), por lo que se puede utilizar para realizar un seguimiento de la información en el tiempo.

Si está trabajando con datos numéricos, recuerda que almacenamiento local almacena todo como una cadena. No es ningún problema para almacenar un valor numérico en almacenamiento local, pero cuando se recupere, que necesita para 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 countif (str_count == null || str_count == "nulo") {Count = 0-} else {count = parseInt (str_count) -} // fin de la subasta, si // countcount ++ - // pantalla countlblCounter = document.getElementById ("lblCounter") -lblCounter.innerHTML = "Has estado aquí " + + Recuento " veces"- // countlocalStorage.setItem tienda ("contar", Count) -} // cuenta de hilos

tendría que debe ejecutarse cada vez que se carga la página (tal vez con el código de este atributo).

  1. Tratar de obtener el recuento de tienda local.

    Video: almacenamiento Local Con HTML5

    Utilizar el str_ prefijo para recordarle que los datos son actualmente una cadena.

  2. Asegúrese de que existe el valor.

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

  3. Si str_count existe, convertir a un entero.

    Video: HTML5 Local Storage Tutorial | Cookies Replacement

    Utilizar el parseInt () Método para convertir la cadena str_count en el número entero contar.

  4. Añadir a una contar.

    Video: HTML5 Session Storage vs Local Storage

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

  5. Visualizar el valor del contador para el usuario.

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

  6. Almacenar contar de vuelta a almacenamiento local base de datos.

    Video: 20.- Curso de AngularJS. Persistir datos en almacenamiento local

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

Artículos Relacionados