<meta http-equiv="Refresh" Content="5">
Этот script перезагружает или обновляет страницу каждые 5 секунд. Но я хочу сделать это с помощью вызова jQuery и AJAX. Является ли это возможным?
<meta http-equiv="Refresh" Content="5">
Этот script перезагружает или обновляет страницу каждые 5 секунд. Но я хочу сделать это с помощью вызова jQuery и AJAX. Является ли это возможным?
Как указывали другие, setInterval и setTimeout будут делать трюк. Я хотел выделить немного более совершенную технику, которую я узнал из этого превосходного видео Paul Irish: http://paulirish.com/2010/10-things-i-learned-from-the-jquery-source/
Для периодических задач, которые могут в конечном итоге занимать больше времени, чем интервал повторения (например, HTTP-запрос при медленном соединении), лучше не использовать setInterval()
. Если первый запрос не завершен, и вы запускаете другой, вы можете оказаться в ситуации, когда у вас есть несколько запросов, которые потребляют общие ресурсы и голодают друг от друга. Вы можете избежать этой проблемы, ожидая, чтобы запланировать следующий запрос до завершения последнего:
// 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);
});
})();
Для простоты я использовал обратный вызов успеха для планирования. Нижняя сторона этого - это один неудавшийся запрос, который остановит обновления. Чтобы этого избежать, вы можете использовать полный обратный вызов:
(function worker() {
$.ajax({
url: 'ajax/test.html',
success: function(data) {
$('.result').html(data);
},
complete: function() {
// Schedule the next request when the current one complete
setTimeout(worker, 5000);
}
});
})();
Да, вы можете использовать либо JavaScript setTimeout()
, либо метод setInterval()
для вызова кода, который вы хотите запустить. Здесь вы можете сделать это с помощью 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);
});
Вы можете использовать setTimeout
или setInterval
.
Разница - setTimeout запускает вашу функцию только один раз, а затем вы должны установить ее снова. setInterval продолжает вызывать выражение снова и снова, если вы не сообщите ему, чтобы остановить