Sistema de login de usuarios en AJAX

cocozz · #1 (**permalink**) 01/05/2006, 16:36

Buenas, llevo unos pocos dias interesado en las posibilidades que ofrece AJAX, trás probar algunos ejemplos puramente didácticos me propuse hacer un sistema de logueo de usuarios para mi blog, usando AJAX con PHP.

Pero tengo algo que me trae de cabeza desde hace un par de dias...veamos:

index.php:
Contiene un include del tipo JS (<SCRIPT SRC=...>) de "ajax.js"
Contiene un include de login.php donde ira el panel de login
Contiene un <div id="loginmodulo"></div>

login.php:
Contiene las funciones phpFormulario_login, phpAutentificar, phpFormulario_registrar, phpPerfil etc...
Contiene un switch que lee las variables GET ejecutando una función u otra.

ajax.js
Contiene las funciones que conectan con "login.php" y una función que escribe las respuestas dentro de <div id="loginmodulo"></div>

Veamos un caso práctico antes de liaros demasiado:

1. El usuario entra en la página "index.php"
2. "index.php" enlaza con "login.php"
3. "login.php" ve que no hay variables GET, y por defecto ejecuta phpFormulario_login
4. Aparece el formulario de login en "index.php"
5. El usuario ingresa los datos y clicka el Submit
6. Este Submit a través de onClick ejecuta ajaxVerificar, que se encuentra en "ajax.js" (recordad que en el index.php hay un include de "ajax.js")
7. ajaxVerificar conecta con el servidor, concretamente la funcion phpAutentificar de login.php
8. Esta devuelve 0 ya que todo ha ido bien
9. ajaxVerificar recoge este 0, todo a ido bien, y conecta con la funcion phpPerfil de "login.php"
10. phpPerfil (que contiene un echo 'Bienvenido $_SESSION[user] !";), devuelve esto a ajaxVerificar
11. ajaxVerificar lo recoge y lo envia a ajaxImprimir
12. ajaxImprimir imprime esta respuesta en el <div id="modulologin"></div> de index.php
13. "Bienvenido ....." aparece en el "index.php".

Bueno si habeis tenido el coraje de leer y intentar entender todo esto, nadamás quiero haceros un par de preguntas:

- La primera vez que se ejecutara "login.php", no se haria a través de ajax, por lo que tendria que encontrar alguna manera de que aún así el echo que imprime el formulario de login, se imprimiera dentro del <div id="modulologin"></div>.

- La funcion ajaxImprime, no funciona correctamente, me parece que al estar en "ajax.js", no encuentra el div que esta en el index.

Es intelligente hacer todo esto vía AJAX ? O es preferible usar AJAX tánsolo para detalles o cosas más simples...

Muchas gracias, espero no haberos aburrido demasiado

Saludos !

Mickel · #2 (**permalink**) 01/05/2006, 20:57

Creo que algo tan delicado como la autenticacion mejor lo manejas enviando toda la pagina con POST. Asi seteas variables, ademas.

B** · #3 (**permalink**) 01/05/2006, 22:52

Y por que no usar GET?es por lo de que no aparescan las variables en el navegador??? si es por eso, CREO que lei por ahi que aun cuando usas GET en Ajax, no se ven las variables,pero no estoy muy seguro....

Ahhh amigo cocozz... podrias poner tu codigo por favor? yo tambien quiero hacer un sistema de usuarios en Ajax..

Nefertiter · #4 (**permalink**) 02/05/2006, 03:27

"- La primera vez que se ejecutara "login.php", no se haria a través de ajax, por lo que tendria que encontrar alguna manera de que aún así el echo que imprime el formulario de login, se imprimiera dentro del <div id="modulologin"></div>."

Puedes con el mismo razonamiento por el cual pones o no el formulario, agregar un evento al Onload del Body e imprimir lo q se te plazca.

"- La funcion ajaxImprime, no funciona correctamente, me parece que al estar en "ajax.js", no encuentra el div que esta en el index.", a menos que sean marcos distintos no tienen nada q ver.

"Es intelligente hacer todo esto vía AJAX ?" para mi quedaria muy bien, queda en ti manejar la seguridad del script.

cocozz · #5 (**permalink**) 02/05/2006, 04:06

Ayyy ! La función onLoad cierto la he visto en alguna parte previamente. Hay que decir que soy bastante novato con el JS jeje.

Cuando tenga un código lisible y intuitivo dar por seguro que lo posteare aqui, dejadme un poco de tiempo.

Un saludo y gracias

cocozz · #6 (**permalink**) 08/05/2006, 14:00

Bien la cosa avanza poco a poco y le voy dedicando mi rato libre jeje.

El tema es que al hacer un refresh en el explorador se pierde todo y vuelve a aparecer el panel del login, eso pareceria lógico ya que este sistema de usuarios funciona de manera asincrónica a la página.

Hay alguna manera para solucionarlo ? Ya he pensado en "ajaxear" toda la página, pero hay alguna otra solución ?

Ah, otra cosa:

Cita:

Iniciado por Mickel

Creo que algo tan delicado como la autenticacion mejor lo manejas enviando toda la pagina con POST. Asi seteas variables, ademas.

Si, tengo pensado ahora que más o menos funciona pasarlo a todo al método POST, por lo que he leido sus beneficios serian:
- Ya no estamos limitados con el tamaño de las variables que transmitimos
- Un poco más de seguridad al ser más transparente de cara al usuario
- ¿ Algo más ?

Pero...a que te refieres con "setear variables" ?

Muchas gracias, un saludo

Nefertiter · #7 (**permalink**) 08/05/2006, 14:38

setear -> validar y declarar

cocozz · #8 (**permalink**) 08/05/2006, 14:46

Cita:

Iniciado por Nefertiter

setear -> validar y declarar

No entiendo a que se referia y que cambia frente a POST.

Saludos

cocozz · #9 (**permalink**) 09/05/2006, 16:09

Sigo con la pregunta que plantee más arriba, como podria conservar las sesiones PHP que he creado mediando AJAX, después de un Refresh de la página ?

Por ejemplo en GMail por mucho que refresques la página no se pierde tu actual sesión, quizas lo hacen con cookies ?

Gracias, un saludo

DjFaramir · #10 (**permalink**) 09/05/2006, 18:29

eso ya es para php diria yo :P

lo que puedes hacer es al comienzo del login en vez de averiguar si existen GET's, verificar si existen SESIONEs, o sea... en el momento en que validas los datos del login, creas las variables de session y luego es cuestion de verificar si existen o no...

cocozz · #11 (**permalink**) 10/05/2006, 00:14

Sí claro eso es lo que hago, el problema esta en que esas variables de sesión no se guardan al hacer un REFRESH de la página :(

Gracias

cocozz · #12 (**permalink**) 11/05/2006, 13:14

Nadie ? :(

arlm1 · #13 (**permalink**) 18/01/2008, 16:29

yo tengo la solucion :D deja la publico en mi blog ahorita y alrato te paso la direccion.. saludos

arlm1 · #14 (**permalink**) 19/01/2008, 12:58

Buenas! he publicado un post de un sistema de login en ajax y php en mi blog:

http://www.recursosdelweb.com/como-hacer-un-sistema-de-login-en-ajax-y-php/

Funciona a la perfección y esta muy completo... Ahi esta la descarga de los archivos..
Saludos