Qué tal comunidad de HTML5Fácil, el día de hoy les traigo este tutorial en el que vamos a aprender a hacer login a través de AJAX con jQuery utilizando localStorage para hacerlo de manera moderna y práctica de implementar.
Lo interesante en este tutorial radica obviamente en que no necesitaremos recargar nuestra página para verificar que un usuario esté en nuestra base de datos, utilizar AJAX es simplemente genial para las personas que visitan nuestra página, podemos avisarles del progreso que lleva aquello que estén esperando y como es asincrónico pueden seguir revisando nuestra página mientras esperan los resultados de su petición, es como tener un ayudante que se encarga de ir a revisar al servidor algo mientras nosotros seguimos atendiendo al cliente.
Ahora, a eso súmale localStorage y tienes algo muy bueno, es bien sabido por los desarrolladores que las cookies que utilizamos de PHP para guardar los datos de un usuario son inseguras, no están encriptadas vaya, es por eso que nuestro buen amigo HTML5 nos regaló localStorage, la habilidad de guardar MÁS información en nuestro navegador y de una manera más segura, puesto que localStorage si encripta los datos.
Te dejo con el tutorial, espero que te guste:
Y también te dejo el código en GitHub.
Hola, te felicito por el articulo. Te hago una consulta, que editor de código utilizas ? Yo todavia estoy con el Homesite y vi que el tuyo, te autocompletaba los código de Jquery y me gustaria probarlo.
Gracias !!!
Es Sublime Text 2 🙂
Qué es más seguro de usar, sesiones de php o localstorage de html5?
Lamento no poder responderte con una u otra. Lo que te puedo decir es que con localStorage la información está encriptada y con las cookies de PHP no. Sin embargo como sabes el código de javaScript es visible y el de PHP no. 🙂
una pregunta que pasa si desactivo los javascript en el navegador?
Buen punto, en ese caso no funcionaría. Pero yo creo que en 2012 nadie sería capaz de navegar sin javaScript, mi opinión nada más. Saludos.
Saludos, buen tutorial. consulta: ¿todos los navegadores actuales soportan localStorage?
Me autorespondo enlazando este sitio web que permite corroborar que propiedades tanto HTML5 como CSS3 son soportadas por los navegadores mas populares.
http://www.caniuse.com/#search=localStorage
Así es, de hecho ya teníamos un post dedicado a ese sitio pero gracias por recomendarlo.
oye me podrias proporcionar los documentos des este tutorial es que le di clic a link donde dice que están pero me aparece un mensaje de error
Llego tarde pero ahora me entero de esto, segun dicen es muy seguro pero como puede ser tan seguro cuando el usuario puede editar los valores?
Muchas gracias por el tutorial, lo implemente y resulto todo ok.
Tengo una duda, cuando un usuario ingresa correctamente sus credenciales y se guarda el usuario con localStorage, como es posible validar si cambio las password en la base de datos, por que el administrador la cambio o elimino el usuario?.
Seria como otra parte del tutorial como manejar estas situaciones. Además ver en la pagina respuesta.html el nombre del usuario que ingreso correctamente a nuestro sitio.
Muchas Gracias
Hola, muchas gracias, de verdad que a todos nos ha servido mucho este artículo. Me surge una duda: ¿Como hacemos para pasar las variables ingresadas en el formulario y saludar el usuario en respuesta.html? es decir, si el usuario es pepito, en respuesta.html un texto que diga "hola pepito" como pasar esa variables dinámicamente? Gracias.