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>