Javascript постоянно обновляет страницу асинхронно

Question

Я создал веб-страницу панели мониторинга, которая загружается на телевизор. Эта страница хочет обновляться один раз в секунду.

Первый подход, который я попробовал хороший и простой и стандарты отношений:

<meta http-equiv="refresh" content="1"> 

Это создает неприятный эффект мигания в Mac/Chrome и IOS/Safari, который является неприемлемым.

Следующая версия прекрасно работает ... содержимое загружается и представлены без видимых прерывания:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script> 
<script> 
setTimeout(function() { 
    $.ajax({ 
    url: "", 
    context: document.body, 
    success: function(s,x){ 
     $(this).html(s); 
    } 
    }); 
}, 2000); 
</script> 

И это прекрасно работает ... содержимое загружается и представлены без видимых перерывов. Однако через несколько минут это приведет к сбою любого браузера (IE, Chrome, Safari, Mobile Safari).

Есть ли способ решить эту проблему, которая не требует, чтобы я поддерживал две отдельные страницы, перезагружая часть и внутреннюю часть данных?

Answer 1

Используйте timeout, чтобы создать эффект «опроса». Теперь вы просто запускаете запрос каждые 2 секунд независимо от ожиданий ответа. В идеале вы можете использовать сетевые сокеты для этого, но на данный момент:

function makeAjax() { 
    $.ajax({ 
     url: "", 
     context: document.body, 
     success: function(s,x){ 
      $(this).html(s); 
      setTimeout(makeAjax, 2000); 
     } 
    }); 
} 
makeAjax();