llamar consulta mysql con ajax que actualice sin tocar F5

pablobuitres · #1 (**permalink**) 10/11/2011, 18:39

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!

Rappa · #2 (**permalink**) 11/11/2011, 06:45

Agrega esto en el head de tu pagina:

Código HTML:

Ver original<META HTTP-EQUIV="REFRESH" CONTENT="120;URL=tupagina.php">

donde cambias 120 por la cantidad de segundos cada cuánto quieres que se recargue.

pablobuitres · #3 (**permalink**) 29/11/2011, 15:18

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!

Rappa · #4 (**permalink**) 30/11/2011, 09:33

Prueba con esto:

Código HTML:

Ver original<body onLoad="setTimeOut(funcionqueRecarga,120);">

y en la funcion pones:

Código Javascript:

Ver originalfunction funcionqueRecarga(){
 
   ...
 
   consulta AJAX
 
   ...
 
   setTimeOut(funcionqueRecarga,120);
}

pablobuitres · #5 (**permalink**) 05/12/2011, 19:11

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<html>
 
<script language="javascript"  type="text/javascript">
var RequestObject = false;
  var Archivo = 'noticias_nuevared.php?id=<?php echo $_GET['id'];?>&alguien=<?php echo $_GET['alguien'];?>'; //directorio donde tenemos el archivo ajax.php
  window.setInterval("actualizacion_reloj()", 60000); // el tiempo X que tardará en actualizarse
  if (window.XMLHttpRequest) //
RequestObject = new XMLHttpRequest();
if (window.ActiveXObject)
  RequestObject = new ActiveXObject("Microsoft.XMLHTTP");
function ReqChange() {
// Si se ha recibido la información correctamente
  if (RequestObject.readyState==4) {
  // si la información es válida
  if (RequestObject.responseText.indexOf('invalid') == -1)
  {
  // Buscamos la div con id online
  document.getElementById("online").innerHTML = RequestObject.responseText;
  }
  else {
  // Por si hay algun error
  document.getElementById("online").innerHTML = "Error llamando";
  }
  }
  }
function llamadaAjax() {
 // Mensaje a mostrar mientras se obtiene la información remota...
  document.getElementById("online").innerHTML = "";
  // Preparamos la obtención de datos
  RequestObject.open("GET", Archivo+"?"+Math.random() , true);
  RequestObject.onreadystatechange = ReqChange;
  // Enviamos
  RequestObject.send(null);
  }
  function actualizacion_reloj() {
  llamadaAjax();
  }
</script>
<body onload="llamadaAjax();">
 
  <div id="online"><script type="text/javascript">
<![CDATA[
setInterval("mostrar_consulta('codigo.php')", 5000);
// tiempo en milisegundos
//]]>
</script></div>
 
 
 
 
</body>
</html>