Guardar datos y mostrar en misma pagina

Kristhoff · #1 (**permalink**) 18/03/2010, 09:53

Hola

me interesaria aprender a que despues de enviar un formulario se muestren en "vivo" los resultados , es decir que al presionar enviar se muestren en la misma pagina sin recargarla.

gracias.

eulloa · #2 (**permalink**) 18/03/2010, 10:02

Precisamente se logra con AJAX.
Básicamente tendrías un div oculto, un formulario HTML, tu php que procesa los datos de este formulario, y tu javascript que implementa el ajax. Este javascript se encargaría luego, de servir de "pasarela" entre HTML y PHP, encargándose de mostrar los datos que deseas en el DIV (sin recargar la web completa).
Aunque técnicamente como lo pides, solo puedes leer con javascript el formulario y mostrarlos donde te plazca, sin necesidad de PHP.
Es q tu duda es muy general, pero ejemplos en este mismo foro hay bastantes
saludines y suerte

danistrein · #3 (**permalink**) 18/03/2010, 18:41

hola Kristhoff, primero antes de nada tendrias que aprender como mandas datos atravez de ajax. te recomiendo esta pagina. una vez que aprendas simplemente lo basico del ajax te daras cuenta que es facil lograr lo que tienes que hacer. saludos.

tazzwt · #4 (**permalink**) 19/03/2010, 09:38

De no llevar la teoría a la practica es lo mismo que estar vació.

al parecer ninguno de ustedes sabe ajax en la practica, solo se inundan con teorías y planteamientos que no llevan a ninguna parte.

acá yo te dejo un ejemplo practico simple para que lo asimiles y veas como funciona lo adapte a tu requerimiento del formulario.

código fuente completo: http://www.mediafire.com/?nj2dmnmrmmf

Código ajax:

Ver original<html>
<head>
<script>
var xhrobj;
 
function ajax_request() {
  if(navigator.appName == "Microsoft Internet Explorer") {
    xhrobj = new ActiveXObject("Microsoft.XMLHTTP");
  } else {
    xhrobj = new XMLHttpRequest();
  }
  
  xhrobj.open('get', 'miarchivo.txt');
  xhrobj.onreadystatechange = ajax_response;
  xhrobj.send(null);
}
 
function ajax_response() {
  if(xhrobj.readyState == 4) {
    document.write(xhrobj.responseText);
  }
}
</script>
</head>
 
<form>
<input type="submit" value="Mi mensaje" onclick="ajax_request()">
</form>
 
</body>
</html>

Kristhoff · #5 (**permalink**) 27/03/2010, 10:28

Cita:

Iniciado por tazzwt

De no llevar la teoría a la practica es lo mismo que estar vació.

al parecer ninguno de ustedes sabe ajax en la practica, solo se inundan con teorías y planteamientos que no llevan a ninguna parte.

acá yo te dejo un ejemplo practico simple para que lo asimiles y veas como funciona lo adapte a tu requerimiento del formulario.

código fuente completo: http://www.mediafire.com/?nj2dmnmrmmf

Código ajax:

Ver original<html>
<head>
<script>
var xhrobj;
 
function ajax_request() {
  if(navigator.appName == "Microsoft Internet Explorer") {
    xhrobj = new ActiveXObject("Microsoft.XMLHTTP");
  } else {
    xhrobj = new XMLHttpRequest();
  }
  
  xhrobj.open('get', 'miarchivo.txt');
  xhrobj.onreadystatechange = ajax_response;
  xhrobj.send(null);
}
 
function ajax_response() {
  if(xhrobj.readyState == 4) {
    document.write(xhrobj.responseText);
  }
}
</script>
</head>
 
<form>
<input type="submit" value="Mi mensaje" onclick="ajax_request()">
</form>
 
</body>
</html>

que bien, me parece muy bueno tu aporte, ya mismo me pongo a estudiarlo y os comento si pasa algun problema.
Muchas gracias

jpenagos · #6 (**permalink**) 31/03/2010, 17:32

mira utiliza este metodo. es con jquery (si no sabes algo de jquery me comentas)

$.ajax({

type:"post",
url:"enviardatos.php",
data:"variable=datos",
success:function(datos){

$("#div").html(datos);

}

});

el resto lo haces en el php con echo. me imagino que sabes PHP. cualquier cosa queno entiendas me avisa con gusto te explicare.

zreep · #7 (**permalink**) 31/03/2010, 22:39

Cita:

Iniciado por Kristhoff

que bien, me parece muy bueno tu aporte, ya mismo me pongo a estudiarlo y os comento si pasa algun problema.
Muchas gracias

y no lo podes hacer pero con php, por que yo cargo a la base los datos del cliente y quiero que me los muestre al instante... espero no sea mucho pedir

zreep · #8 (**permalink**) 31/03/2010, 22:40

Cita:

Iniciado por tazzwt

De no llevar la teoría a la practica es lo mismo que estar vació.

al parecer ninguno de ustedes sabe ajax en la practica, solo se inundan con teorías y planteamientos que no llevan a ninguna parte.

acá yo te dejo un ejemplo practico simple para que lo asimiles y veas como funciona lo adapte a tu requerimiento del formulario.

código fuente completo: http://www.mediafire.com/?nj2dmnmrmmf

Código ajax:

Ver original<html>
<head>
<script>
var xhrobj;
 
function ajax_request() {
  if(navigator.appName == "Microsoft Internet Explorer") {
    xhrobj = new ActiveXObject("Microsoft.XMLHTTP");
  } else {
    xhrobj = new XMLHttpRequest();
  }
  
  xhrobj.open('get', 'miarchivo.txt');
  xhrobj.onreadystatechange = ajax_response;
  xhrobj.send(null);
}
 
function ajax_response() {
  if(xhrobj.readyState == 4) {
    document.write(xhrobj.responseText);
  }
}
</script>
</head>
 
<form>
<input type="submit" value="Mi mensaje" onclick="ajax_request()">
</form>
 
</body>
</html>

y no lo podes hacer pero con php, por que yo cargo a la base los datos del cliente y quiero que me los muestre al instante... espero no sea mucho pedir

eulloa · #9 (**permalink**) 01/04/2010, 10:21

Cita:

Iniciado por tazzwt

De no llevar la teoría a la practica es lo mismo que estar vació.

Estoy de acuerdo contigo, pero para hacerlo bien PRIMERO EL ESTUDIO, ES DECIR LA TEORÍA

Cita:

Iniciado por tazzwt

al parecer ninguno de ustedes sabe ajax en la practica, solo se inundan con teorías y planteamientos que no llevan a ninguna parte.

¿Y porqué te ofendes? Solo se le ha sugerido que estudie primero.
Para q te ilustres una anécdota
Un periodista le pregunta a Einstein si le podría "explicar" su teoría de la Relatividad. Einstein le responde que sí, pero si él (el periodista) le podría "explicar" cómo se fríe un huevo. A la respuesta de Sí, Einstein responde:
-Hágalo, pero tenga en cuenta que yo no sé lo que es ni el aceite, ni el caldero, ni el huevo.

Y después cuando no sepa cómo se trabaja con el objeto xmlHTTPRequest, o ni siquiera q es??????????

Para el no es bueno solo el copy / paste de códigos que no comprende

Kristhoff · #10 (**permalink**) 08/04/2010, 09:17

Bueno sin peleas chicos jejeje

bueno revise el primer codigo que me han puesto y es muy entendible (aunque no se ajax pero si php). El segundo codigo me dejo loco jeje no has explicado nada amigo.
te agradewceria inmensamente que lo hicieras.

Voy a empezar con la info que me sugiere el amigo danistrein pero os ruego seguid posteando.

mil gracias