Foros del Web - Ver Mensaje Individual

#1 (**permalink**) 19/09/2017, 12:29

Hola a todos.

He encontrado en internet un código de Ajax que hace algo parecido a lo que deseo hacer. En teoría este código va actualizando cada 3 segundos un número aleatorio establecido con la función rand en PHP. Se muestra correctamente el número, pero el problema es que no se actualiza cada 3 segundos, sólo lo hace cuando se refresca "manualmente" la página. Aclaro que no sé nada de Ajax. ¿Alguna ayuda?

Muchas gracias por adelantado.

Código Ajax:

Código HTML:

Ver original<!DOCTYPE html>
  <html>
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <meta name="viewport" content="width=device-width">
     <link rel="stylesheet" href="css/styles.css" type="text/css" media="all">
     <style>
       #counter {
        font-weight: bold;
        font-size: 40px;
       }
     </style>
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
     <script type="text/javascript">
         $(document).ready(function() {  
         function update(){
         var current = $('#contenedor').text();
 
         $.ajax({
          type: "POST",
          url: "consulta.php",
          dataType: "json",
          success: function(response) {
          $('#contenedor').text(response);
         }
         });
        }
 
       setInterval(update, 3000);
     });
    </script>
</head>
<body>
 
 <section class="content">
  <p>ACTUALIZAR NÚMERO CADA 3 SEGUNDOS</p>
  <p><span id="contenedor">0</span>
 </section>
 
</body>
</html>

En el archivo consulta.php sólo tengo esto (no omito nada):

Código PHP:

<?php echo rand(0,100); ?>