6

Tengo un textarea donde se van poniendo los mensajes que pone el usuario1 y el usuario2, lo que quiero es que cada cierto tiempo, por ejemplo 5 segundos se actualice el div solamente.

Para ello he encontrado varios ejemplos donde usan el load pasándole un página a cargar.

$(document).ready(function() {
    var refreshId = setInterval(function() {
        $("#feedback-bg-info").load("url a cargar")
        .error(function() { alert("Error"); });
    }, 1000);
    $.ajaxSetup({ cache: false });              
});

En esta parte $("#feedback-bg-info").load("url a cargar"), en el método load, lo que busco es que se actualice solo el div sin pasarle una ruta diferente.

4
  • Disculpa, se supone que el Div ya se actualiza, o quieres que se actualize otro div o el mismo? Commented el 15 mar. 2017 a las 22:59
  • @PedroMiguelPimientaMorales seria el mismo div, en vez de actualizar toda la pagina que sea solo ese div cada 5 segundos. Commented el 15 mar. 2017 a las 23:07
  • 1
    la url a cargar tiene que ser un endpoint distinto al que sirve la página principal. Uno que sólo devuelva el div.
    – ffflabs
    Commented el 15 mar. 2017 a las 23:18
  • ¿A qué te refieres con "actualizar"? ¿Limpiar?
    – gugadev
    Commented el 15 mar. 2017 a las 23:22

2 respuestas 2

8

Para actualizar el div solamente , la funcion setInterval() que estas utilizando calza perfecto con lo que deseas ya que la misma llama a una funcion o evalúa una expresión en un intervalo de tiempo especifico expresado en mili segundos. Ahora replicando lo que tu planteas muestro la siguiente pagina:

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>


<div id="feedback-bg-info"><textarea></textarea></div>

<script>
$(document).ready(function() {
      var refreshId =  setInterval( function(){
    $('#feedback-bg-info').load('index.php');//actualizas el div
   }, 1000 );
});

</script>
</body>

</html>

con la expresion:

 $('#feedback-bg-info').load('index.php');

Solo estarías actualizando el div de tu pagina, ya que llamas al id con el cual lo definiste. En el load ingresa el enlace de tu pagina actual.

Te dejo un enlace de una pregunta similar Aqui Espero te Sirva!

1
  • gracias me sirvio tu respuesta. @Samuel Heredia Commented el 17 mar. 2017 a las 21:39
0

Puedes realizar lo siguiente:

// Función de javascript para ejecutar repetidamente
window.setInterval(
    function(){
    // Sección de código para modificar el DIV
    // $("#miDiv").text(variable);

    // Ejemplo: Cada dos segundos se imprime la hora
    console.log(Date());
  }
  // Intervalo de tiempo
,2000);

Mas información: FUNCIONES JAVASCRIPT – SETINTERVAL() CLEARINTERVAL() SETTIMEOUT()

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.