Exemplo simples de pesquisa longa com JavaScript e jQuery

Eu estou tentando criar um painel de analítica de site em tempo real que cria uma conexão HTTP aberta para o servidor usando jQuery / JavaScript de forma assíncrona para pesquisar o servidor para atualizações para os dados como e quando eles ocorrem.

O começo óbvio para isso seria usar umXMLHttpRequest objeto ou jQuery$.ajax método para enviar umGET ouPOST solicitação ao servidor solicitando assincronamente alguns dados.

No entanto, além de enviar uma solicitação de cada vez usando umsetInterval método cada30 seconds Não tenho certeza de como tornar a conexão com o servidor persistente. Basicamente, eu só quero enviarum pedido de http e garanta que a conexão com o servidor permaneça aberta para pesquisa!

Meu código de exemplo comsetInterval é o seguinte:

<div id="analytics"></div>
<script>
var analytics = document.getElementById('analytics');
setInterval(function(){
    $.ajax({ url: "http://server.com/", success: function(data){
        analytics.innerHTML = data;
    }, dataType: "json"});
}, 30000);
</script>

questionAnswers(1)

yourAnswerToTheQuestion