Atualizar tabela automaticamente sem atualizar a página

[Sapinn 0]

Salve quebrada. Eu quero saber como faz pra atualizar uma tabela a cada x segundos sem ter que atualizar a pagina. Eu tô ligado que tem que usar ajax mas eu não achei um jeito de fazer. Alguém sabe ai como fazer?

[Omar~ 87]

Vai transportar dados para o update?

Qual a linguagem back-end?

Essas são coisas que você deveria informar.

 

O problema do ajax nessa situação é que dependendo do vai requisitar/atualizar * a quantidade de pessoas acessando  pode deixar seu servidor lento. Em casos extremos até a queda ou travamento do mesmo.

por isso o ideal é usar uma linguagem javascript serve-side no caso NodeJS para manipular WebSocket. Mais informações em:

https://developer.mozilla.org/pt-BR/docs/WebSockets/Writing_WebSocket_servers

 

No entanto se sua aplicação não terá uma gama enorme de centenas acessos simultâneos e não irá executar muitas consultas e updades simultâneos a cada atualização. Você pode sim usar ajax a cada X segundos, usando-se por detectar a atividade do(s) usuário(s) na página.

O que isso quer dizer?

- Quer dizer que faremos uma aquisição de arquivos ao qual fará o updade a cada intervalo de tempo, mas só quando o usuário estiver visualizando o documento, caso ele minimize o browser, esteja em outra aba; esse processo de aquisição de arquivo automatizado é interrompido, e iniciado caso o usuário retorne.

 

Então vamos ao caso do ajax (obs.: Usarei esse script que desenvolvi por ser bem pático para fim de requisições)

Arquivos necessários:

https://github.com/Spell-Master/sm-web/tree/master/javascript/AjaxRequest

Exemplo:

Spoiler

 

<!-- Nesse lugar será carregado o arquivo por via GET que fará o update -->
<div id="executar_arqui"></div>

<script>
    var intervalo = 0;

    /* Fazer com que o carregamento automático só funcione caso a pessoa esteja visualizando o documento */
    document.addEventListener('visibilitychange', visibilidade, false);
    function visibilidade() {
        if (document.hidden) {
            parar();
        } else {
            iniciar();
        }
    };
    /* --- */


    /* Define que a cada X segundos a função de carregar deve ser executada */
    function iniciar(alguma_infomacao) {
        window.intervalo = setInterval(function () {
            carregar((alguma_infomacao ? alguma_infomacao : false));
        }, 10000); // A cada 10 Segundos
    };

    /* Para a contagem de tempo pararando as requisições */
    function parar() {
        clearInterval(window.intervalo);
    };

    /* Carrega o arquivo que fará o update */
    function carregar(recebe_isso) {
        carregar.prototype = new AjaxRequest();
        carregar.prototype.open('executar_arqui', 'diretorio/arquivos.php' + (recebe_isso ? '?alguma_coisa=' + recebe_isso : null));
    };
</script>

 

 

[Sapinn 0]

Entendi..... Mas acho que deve existir uma forma melhor de mostrar os usuários logados. Tipo, na pagina do admin eu quero mostrar todos os usuário que se logados. Você sabe alguma outra forma além dessa que eu usei?