Actualizar div automáticamente – javascript jquery ajax

Pregunta:


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.

Preguntado por: Manuel Ballesteros

Comunidad

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!

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()

Fuente

Related Posts:

¿Cómo obtener la respuesta de una llamada asíncrona (AJAX) fuera de ella? – javascript jquery asincrónico
Pregunta: Actualmente tengo esta función: function devuelveButaca(posicion){ var array = posicion.split('_'); var row = array; var column ...
Evitar múltiples toggle con misma clase – javascript
Pregunta: Para un evento toggle con puro javascript lo desarrollo de la siguiente forma: Javascript // Esta clase lo expande. const expandButton = document.querySelector('.expand-button'); expandButton.addEventListener('click', ()=> { ...
Validación de datos nulos en una función – javascript
Pregunta: Tengo la siguiente función pero al momento validar todos mis datos me los registra todos a excepción del los "containers" que son grids y ...
Como poner una imagen de fondo a pantalla completa – javascript jquery html5
Pregunta: Como puedo hacer que la imagen abarque todo el tamaño de la pantalla. Se que de las propiedad min-width y min-heigth pero ellas no ...
Error de: Uncaught TypeError: url.indexOf is not a function por Jquery – javascript jquery
Pregunta: En el navegador, reviso en inspeccionar elemento, y me sale el siguiente error: Uncaught TypeError: url.indexOf is not a function Me imagino que es ...
Actualizar información con ajax php mysql – php jquery mysql
Pregunta: Tengo esta simple consulta que lo que simplemente me muestra las visitas de la web, pero quisiera que fuera automático con ajax ya que ...
Como validar array checkbox – javascript php jquery
Pregunta: Que tal buen dia, alguien me podria decir como se puede hacer para que cuando presione el boton "BAJAR DATOS" si este esta vacio ...
listar datos en una vista parcial pasandolos desde una ventana modal – ajax asp.net-mvc asp.net-mvc-5
Pregunta: Tengo una ventana modal con un formulario del cual quiero retornar los datos ingresados a una vista parcial y ponerlos en lista como se ...
Uso de js y c# en unity. ¿Igual rendimiento? – javascript c# unity3d
Pregunta: Estoy comenzando con unity . Y veo que se pueden usar c# y js para programar. Mi pregunta es si tanto c# como js ...
Como cambiar una propiedad html dependiendo del valor de un perfil recogido de clase java – javascript jquery html
Pregunta: Tengo una caja de texto en la que me gustaría poder escribir o no dependiendo del perfil que utilice la aplicación. Esta caja de ...
Agregar marcador especifico a una localización Google Maps – javascript google-maps
Pregunta: ¿Cómo podría añadir un marcador personalizado en Google maps? Actualmente el código que tengo es el siguiente: var locations = [ ['Bondi Beach', -33.890542, ...
Usar variable en otra función con javascript – javascript html app
Pregunta: Primero que todo voy a dejar un enlace donde pueden ver el ejemplo funcionando de manera completa. Enlace a la pagina AQUI El valor elegido en ...
Ocultar y Mostrar con Mapa de Google – javascript c# asp.net
Pregunta: Tengo un div en mi página ASP.NET que contiene un Mapa de Google, y necesito mostrarlo y ocultarlo pero no me funciona. Este es el ...
Copiar valor a un input que esta dentro de un footer de un datatable – javascript jquery datatables
Pregunta: Estoy usando los DataTables de jQuery y me estoy encontrando con el siguiente problema: cuando pulso en un botón necesito pasarle un valor con ...
¿Cómo rellenar cada circulo al pasar el mouse encima? – javascript jquery html
Pregunta: ¡Hola! Estoy practicando jQuery, y me gustaría poder hacer como un ranking. A lo que quiero llegar es que cada vez que el mouse ...

Add a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *