1

Necesito una funcion para recargar un cada X segundos pues el valor de la BBDD puede cambiar. Tengo lo siguiente, pero no me actualiza el valor. Que me falla?

div:

<div id="results">valor a cargar</div>

El script:

function sendRequest(){
    $.ajax({
        url: "ajax/count.php",
        success: 
          function(result){
           $('#results').text(result);
           setTimeout(function(){
          sendRequest();
           }, 3000);
        }});
});

y el codigo en "ajax/count.php" me devuelve el total de valores de una tabla:

while($row = mysql_fetch_assoc($result))
{
    echo $row['TOTAL'];        
}
6
  • ¿Está seguro que retorna correctamente el valor de su llamada Ajax? Puede que el error esté en PHP :3:)
    – Dev. Joel
    Commented el 30 mar. 2018 a las 19:56
  • tampoco con .html. El php funciona pues me da un valor de 4: 176.58.105.104/form/ajax/count.php
    – Guif If
    Commented el 30 mar. 2018 a las 19:57
  • No tiene errores de sintaxis en consola ? al parecer le sobra un cierre al final , debería terminar en } la función más no es });
    – Dev. Joel
    Commented el 30 mar. 2018 a las 20:01
  • en consola no me aparecen errores. Ni en el index.php ni en el ajax.php
    – Guif If
    Commented el 30 mar. 2018 a las 20:10
  • carga la pagina y pon esto en la consola : $('#results').load('ajax/count.php') Commented el 30 mar. 2018 a las 20:16

2 respuestas 2

2

Hay un par de asuntos a considerar:

1) si usas interval en una llamada asíncrona, puede darse el caso de que se vuelva a pedir algo antes de que llegue la respuesta anterior

2) la versión de jquery que usas debe ser la min y no la slim

<script src="https://code.jquery.com/jquery-3.3.1.min.js">

en vez de

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js">

código funcional, nótese que uso el oncomplete para lanzar la nueva petición

<!DOCTYPE html>
<html lang="es">
<head>
<title>ajaxreload</title>
<style>
</style>
</head>
<body>
<div id="results"></div>
</body>
<script
  src="https://code.jquery.com/jquery-3.3.1.min.js"
  integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
  crossorigin="anonymous"></script>
<script>
function sendRequest(){
  $.ajax({
    url: "ajax/count.php",
    success:
      function(result){ 
/* si es success mostramos resultados */
       $('#results').text(result);
    },
    complete: function() { 
/* solo una vez que la petición se completa (success o no success) 
   pedimos una nueva petición en 3 segundos */
       setTimeout(function(){
         sendRequest();
       }, 3000);
      }
    });
  };

/* primera petición que echa a andar la maquinaria */
$(function() {
    sendRequest();
});

</script>
</html>
8
  • si. uso la min. El problema sigue.. no me actualiza el valor que hay en el php
    – Guif If
    Commented el 30 mar. 2018 a las 20:10
  • no hay error de consola? es en el mismo dominio/ip? Commented el 30 mar. 2018 a las 20:12
  • si. el ajax.php es: 176.58.105.104/form/ajax/count.php y el index: 176.58.105.104/form
    – Guif If
    Commented el 30 mar. 2018 a las 20:17
  • ok, lo que veo en la pagina form es que el count esta siendo llamado varias veces por segundo, debido a esto el navegador puede estar esperando a actualizar el valor. (luego de 25 segundos te crashea el php y da error 500) Commented el 30 mar. 2018 a las 20:25
  • y como cargo una primera vez y luego que actualice si hay un nuevo valor?
    – Guif If
    Commented el 30 mar. 2018 a las 20:28
1

Usa setInterval en lugar de setTimeout ya que setTimeout lo que hará es esperar tres segundos y después ejecutarse.

setInterval se estara ejecutando cada tres segundos en tu caso.

Espero te sirva

function sendRequest() {
  $.ajax({
    url: "ajax/count.php",
    success: function(result) {
      $('#results').text(result);
    }
  });
});

setInterval(function(){ 
   sendRequest();
}, 3000);
<div id="results">valor a cargar</div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.