Nuevo en esto

[markmb]

Hace poco tiempo, me pidieron si sabría hacer una red social con las tecnologías que conozco, y dije que si (PHP, HTML, CSS y JavaScript). Pero sabiendo lo que es AJAX, quisiera implementar algunas cosas.

En lo que estoy ahora es en el estado de la persona:
Pone arriba el estado de la persona sacado de la bd, y abajo un campo para editarlo (con un botón) y me gustaría que al darle al botón y sin recargar lá página, se actulizase la bd y el texto. ¿Es posible?

PD.: En cuanto tenga tiempo, me pongo a aprender AJAX, pero ahora no tengo.

[Adler]

Hola

Para lo que quieres hacer no es necesario usar mucho tiempo

Suerte

[markmb]

Gracias! voy a probarlo

[markmb]

A partir de eso que me pasaste, indagué un poco más y encontré para cambiarlo también en mysql (http://www.ribosomatic.com/articulos...-de-registros/). Ahora este es el problema:

Tengo en un div, un título que pone "Tu estado", la siguiente línea que coge el estado de la bd y la última línea que es un form con 1 campo de texto (estado) y 1 oculto para el id.

Al pulsar "Cambia tu estado", el botón submit, se hace una consulta ajax, y se actualiza la bd, pero queda con un cuadrito de "La actualización se realizó correctamente". Cómo podría cambiar eso por que salga de nuevo el form, y cambie el estado?

PD: La bd ya se cambia.

Esta es la zona de código (acabo de cambiar el mensaje, pero ponía eso de más arriba)

Código:

ajax.open("POST", "estado.php",true);
    ajax.onreadystatechange=function() {
        if (ajax.readyState==4) {
        
            divFormulario.innerHTML = "<p style='width:400px;'>Actualizando...</p>";
            
        }
    }

En estado.php se actualiza la bd.

[Adler]

Hola

Saca el formulario del div al que corresponde esta variable divFormulario

Suerte

[markmb]

Ok, eso es fácil, pero y actualizar para que ponga lo que se acaba de enviar?

[Adler]

Hola

Los estados de la petición son estos

0 No inicializado (el método open no a sido llamado)
1 Cargando (se llamó al método open)
2 Cargado (se llamó al método send y ya tenemos la cabecera de la petición HTTP y el status)
3 Interactivo (la propiedad responseText tiene datos parciales)
4 Completado (la propiedad responseText tiene todos los datos pedidos al servidor)

Quedaría al así

Código Javascript:

ajax.onreadystatechange=function() {
if (ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3) {
divFormulario.innerHTML = "<p style='width:400px;'>Actualizando...</p>";
}
 
else if (ajax.readyState==4) {
if(ajax.status==200){   
divFormulario.innerHTML = ajax.responseText; // Recibes la respuesta
            
}
}
 

Suerte

[markmb]

Siento no haber respondido antes, no lo he podido probar hasta hoy.

De tu forma no va, pero hay una manera mucho más sencilla: cuando llega al estado 4, pues que ponga lo que acaba de enviar a la bd, en lugar de enviarlo y volverlo a coger.

Creo que ya va. Cualquier otro problema, espero que me ayudeis ;)

Gracias!

[Adler]

Hola

Iniciado por markmb

De tu forma no va, pero hay una manera mucho más sencilla: cuando llega al estado 4, pues que ponga lo que acaba de enviar a la bd, en lugar de enviarlo y volverlo a coger.

Si no funciona de la manera que te he indicado, algo has tenido que hacer mal. En cuanto a que has encontrado una manera mas sencilla, pues no, primero el trabajo en el servidor será el mismo, segundo se continua recibiendo una respuesta, una cadena vacía, tercero si se produce un error a la hora de insertar los datos en la bd o los datos no son correctos, etc... se mostrará lo que el usuario escribió en el textfield o lo que sea que haga

Suerte

[markmb]

Lo de actualizando sí que va (apenas se ve de lo rapido que va), pero lo de response text pues no me salia nada, y lo he cambiado por que me vuelva a poner el formulario, y arriba, la variable que he enviado a la bd.

Por tanto, en el formulario se envia una variable a la bd, y esa variable aparece escrita en pantalla. Ya va como yo quería.

[Adler]

Hola

Para finalizar el tema. responseText no te muestra nada por que no se recibe nada en la respuesta, es lo que te comentaba que la respuesta estaba vacía. Si en el PHP haces echo "hola"; o en ASP Response.Write "hola", se imprimirá hola cuando el proceso este terminado. En cuanto a lo del texto "Se está actualizando" apenas se ve, y solamente la primera vez, eso es por que la cantidad de datos a enviar es mínima y se procesa muy rápido

Suerte