¿Cómo activar la solicitud AJAX periódicamente?

<meta http-equiv="Refresh" Content="5">

Este script recarga o actualiza la página cada 5 segundos. Pero quiero hacerlo usando jQuery y llamada AJAX. ¿Es posible?

Como otros han señalado, setInterval y setTimeout harán el truco. Quería resaltar una técnica un poco más avanzada que aprendí de este excelente video de Paul Irish: http://paulirish.com/2010/10-things-i-learned-from-the-jquery-source/

Para las tareas periódicas que pueden terminar tomando más tiempo que el intervalo de repetición (como una solicitud HTTP en una conexión lenta), es mejor no usar setInterval(). Si la primera solicitud no se ha completado y comienza otra, podría terminar en una situación en la que tenga varias solicitudes que consumen recursos compartidos y se mueren de hambre entre sí. Puede evitar este problema esperando para programar la siguiente solicitud hasta que se complete la última:

// Use a named immediately-invoked function expression.
(function worker() {
  $.get('ajax/test.html', function(data) {
    // Now that we've completed the request schedule the next one.
    $('.result').html(data);
    setTimeout(worker, 5000);
  });
})();

Por simplicidad, utilicé la devolución de llamada de éxito para programar. La desventaja de esto es que una solicitud fallida detendrá las actualizaciones. Para evitar esto, puede usar la devolución de llamada completa en su lugar:

(function worker() {
  $.ajax({
    url: 'ajax/test.html', 
    success: function(data) {
      $('.result').html(data);
    },
    complete: function() {
      // Schedule the next request when the current one's complete
      setTimeout(worker, 5000);
    }
  });
})();

Sí, puede utilizar el setTimeout()método JavaScript o el setInterval()método para invocar el código que le gustaría ejecutar. Así es como puede hacerlo con setTimeout:

function executeQuery() {
  $.ajax({
    url: 'url/path/here',
    success: function(data) {
      // do something with the return value here if you like
    }
  });
  setTimeout(executeQuery, 5000); // you could choose not to continue on failure...
}

$(document).ready(function() {
  // run the first time; all subsequent calls will take care of themselves
  setTimeout(executeQuery, 5000);
});

Puede usar setTimeouto setInterval.

La diferencia es que setTimeout activa su función solo una vez y luego debe configurarla nuevamente. setInterval sigue activando la expresión una y otra vez, a menos que le diga que se detenga

Probé el siguiente código,

    function executeQuery() {
  $.ajax({
    url: 'url/path/here',
    success: function(data) {
      // do something with the return value here if you like
    }
  });
  setTimeout(executeQuery, 5000); // you could choose not to continue on failure...
}

$(document).ready(function() {
  // run the first time; all subsequent calls will take care of themselves
  setTimeout(executeQuery, 5000);
});

Esto no funcionó como se esperaba durante el intervalo especificado, la página no se cargó por completo y la función se llamó continuamente. Es mejor llamar al setTimeout(executeQuery, 5000);exterior executeQuery()en una función separada como se muestra a continuación,

function executeQuery() {
  $.ajax({
    url: 'url/path/here',
    success: function(data) {
      // do something with the return value here if you like
    }
  });
  updateCall();
}

function updateCall(){
setTimeout(function(){executeQuery()}, 5000);
}

$(document).ready(function() {
  executeQuery();
});

Esto funcionó exactamente como se esperaba.