Foros del Web » Programando para Internet » Javascript »

llamar consulta mysql con ajax que actualice sin tocar F5

Estas en el tema de llamar consulta mysql con ajax que actualice sin tocar F5 en el foro de Javascript en Foros del Web. Perdonen amigos que nuevamente les consulte, pero tengo un problema que se que tiene solucion, quiero hacer una consulta a mysql con php y ajax ...
  #1 (permalink)  
Antiguo 10/11/2011, 18:39
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 13 años, 6 meses
Puntos: 5
llamar consulta mysql con ajax que actualice sin tocar F5

Perdonen amigos que nuevamente les consulte, pero tengo un problema que se que tiene solucion, quiero hacer una consulta a mysql con php y ajax que me traiga los valores de la tabla a me dida que se van modificando, digamos que no quiero tener q tocar F5 para recargar la página, encontre si algún código que logra lo que quiero pero debo tocar un botón, desearia que me ayudaran para que la consulta sea abierta y que cada vez que se hace un nuevo registro en la tabla automaticamente se imprima en pantalla, muchas gracias por su atencion y paciencia!
  #2 (permalink)  
Antiguo 11/11/2011, 06:45
Avatar de Rappa  
Fecha de Ingreso: noviembre-2011
Ubicación: Montevideo, Uruguay
Mensajes: 80
Antigüedad: 12 años, 5 meses
Puntos: 13
Respuesta: llamar consulta mysql con ajax que actualice sin tocar F5

Agrega esto en el head de tu pagina:

Código HTML:
Ver original
  1. <META HTTP-EQUIV="REFRESH" CONTENT="120;URL=tupagina.php">

donde cambias 120 por la cantidad de segundos cada cuánto quieres que se recargue.
__________________
Drugs and alcohol are not the answer
Unless you are asking what i'm doing this weekend
  #3 (permalink)  
Antiguo 29/11/2011, 15:18
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 13 años, 6 meses
Puntos: 5
Respuesta: llamar consulta mysql con ajax que actualice sin tocar F5

Muchas gracias por tu respuesta se que no ha sido mi agradecimiento en tiempo y forma mil perdones, ahora como se podra hacer para que no me recarge toda la página sino solo parte de ella por ejemplo un include() dentro de la misma, por que cuando se regarga pierdo lo que estoy haciendo, un abrazo!
  #4 (permalink)  
Antiguo 30/11/2011, 09:33
Avatar de Rappa  
Fecha de Ingreso: noviembre-2011
Ubicación: Montevideo, Uruguay
Mensajes: 80
Antigüedad: 12 años, 5 meses
Puntos: 13
Respuesta: llamar consulta mysql con ajax que actualice sin tocar F5

Prueba con esto:
Código HTML:
Ver original
  1. <body onLoad="setTimeOut(funcionqueRecarga,120);">

y en la funcion pones:

Código Javascript:
Ver original
  1. function funcionqueRecarga(){
  2.  
  3.    ...
  4.  
  5.    consulta AJAX
  6.  
  7.    ...
  8.  
  9.    setTimeOut(funcionqueRecarga,120);
  10. }
__________________
Drugs and alcohol are not the answer
Unless you are asking what i'm doing this weekend
  #5 (permalink)  
Antiguo 05/12/2011, 19:11
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 13 años, 6 meses
Puntos: 5
Respuesta: llamar consulta mysql con ajax que actualice sin tocar F5

Hola amigo, no he podido instrumentar tu solución, tengo el siguiente código que me da el problema que al recargarse pestanea, se los muestro y agradesco ayuda para evitar que esto pase muchas gracias por todo!

Código Javascript:
Ver original
  1. <html>
  2.  
  3. <script language="javascript"  type="text/javascript">
  4. var RequestObject = false;
  5.   var Archivo = 'noticias_nuevared.php?id=<?php echo $_GET['id'];?>&alguien=<?php echo $_GET['alguien'];?>'; //directorio donde tenemos el archivo ajax.php
  6.   window.setInterval("actualizacion_reloj()", 60000); // el tiempo X que tardará en actualizarse
  7.   if (window.XMLHttpRequest) //
  8. RequestObject = new XMLHttpRequest();
  9. if (window.ActiveXObject)
  10.   RequestObject = new ActiveXObject("Microsoft.XMLHTTP");
  11. function ReqChange() {
  12. // Si se ha recibido la información correctamente
  13.   if (RequestObject.readyState==4) {
  14.   // si la información es válida
  15.   if (RequestObject.responseText.indexOf('invalid') == -1)
  16.   {
  17.   // Buscamos la div con id online
  18.   document.getElementById("online").innerHTML = RequestObject.responseText;
  19.   }
  20.   else {
  21.   // Por si hay algun error
  22.   document.getElementById("online").innerHTML = "Error llamando";
  23.   }
  24.   }
  25.   }
  26. function llamadaAjax() {
  27.  // Mensaje a mostrar mientras se obtiene la información remota...
  28.   document.getElementById("online").innerHTML = "";
  29.   // Preparamos la obtención de datos
  30.   RequestObject.open("GET", Archivo+"?"+Math.random() , true);
  31.   RequestObject.onreadystatechange = ReqChange;
  32.   // Enviamos
  33.   RequestObject.send(null);
  34.   }
  35.   function actualizacion_reloj() {
  36.   llamadaAjax();
  37.   }
  38. </script>
  39. <body onload="llamadaAjax();">
  40.  
  41.   <div id="online"><script type="text/javascript">
  42. <![CDATA[
  43. setInterval("mostrar_consulta('codigo.php')", 5000);
  44. // tiempo en milisegundos
  45. //]]>
  46. </script></div>
  47.  
  48.  
  49.  
  50.  
  51. </body>
  52. </html>

Etiquetas: actualice, ajax, mysql, php
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:12.