0

Preciso de ajuda para atualizar o conteúdo dentro de uma div que é exibido como resultado em PHP.

Essa div contém variáveis em PHP para exibir os resultados que são tirados de um arquivo de texto que está em outro diretório. Tem como dar um auto refresh em alguns segundos (mesmo que seja em script ou Ajax, porém este precisa receber um parâmetro PHP para que o auto refresh pare quando a função em php acabar de ser executada) ?

Este é o conteúdo que contém na Div:

<div class="results">
  <?php
    //abrimos o arquivo em leitura
    $arquivo = 'log/speedtest.txt';
    $fp = fopen($arquivo, 'r');

    //lemos o arquivo
    $texto = fread($fp, filesize($arquivo));

    //transformamos as quebras de linha em etiquetas <br>
    $texto = nl2br($texto);

    echo $texto;
  ?>
</div>

E esta é a função que é executada em função do envio do formulário:

<?php

    if(isset( $_POST['submit'] )) {
        if( $_POST['ntestes'] == "0" ) {
            echo "<script type='text/javascript'>alert('Último teste realizado.')</script>";
        }
        if($_POST['ntestes'] >= "1" ) {
            echo "<script type='text/javascript'>alert('Testes realizados com sucesso!')</script>";
        }

        $ntestes = escapeshellarg($_POST["ntestes"]);

        $teste = shell_exec('/bin/speedtest ' .$ntestes. ' -l printf $?');

    }

?>

Este é o formulário que recebe os valores para execução da função em php acima:

<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST" class="form">
  <p>
    <label>Número de testes: </label>
  </p>
  <select name="ntestes">
    <option value="0">0</option>
    <option value="1"selected>1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
  </select>
  <input type="submit" name="submit" class="execute" value="Executar">
  <a href="log/" class="btn" target="_blank">Visualizar Logs</a>
</form>

Alguma ideia de como posso fazer isso ?

9
  • A div está na página log/? 10/08/2019 às 22:24
  • @AndreiCoelho Não, este log/ é uma outra página para exibir os logs apenas. 10/08/2019 às 22:26
  • Tudo está na mesma página? Todos esses codigos? 10/08/2019 às 22:27
  • @AndreiCoelho Sim, todo o código postado na pergunta é da mesma página. 10/08/2019 às 22:28
  • E você quer que a div "results" fique atualizando, usando aquele código php que está dentro dela, é isso? 10/08/2019 às 22:29

1 Resposta 1

1

Conforme as conversas que tivemos, criei um script que deverá funcionar. Mas antes será necessário criar 2 arquivos no mesmo diretório do index1.php:

1 - shell_test.php

if(isset( $_POST['submit'] )) {

    $ntestes = escapeshellarg($_POST["ntestes"]);

    $teste = shell_exec('/bin/speedtest ' .$ntestes. ' -l printf $?');

}

Eu retirei os ifs pois não entendi a necessidade deles.

2 - result_list.php

//abrimos o arquivo em leitura
$arquivo = 'log/speedtest.txt';
$fp = fopen($arquivo, 'r');

//lemos o arquivo
$texto = fread($fp, filesize($arquivo));

//transformamos as quebras de linha em etiquetas <br>
$texto = nl2br($texto);

echo $texto;

Abaixo, está o script completo. Fiz algumas alterações do html no arquivo index1.php e inseri o javascript no final dele. O código está comentado.

    <div class="results"></div>

    <form id="form-teste" class="form">
        <p>
            <label>Número de testes: </label>
        </p>
        <select name="ntestes">
            <option value="0">0</option>
            <option value="1"selected>1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
        </select>
        <input type="button" name="submit" class="execute" value="Executar">
        <a href="log/" class="btn" target="_blank">Visualizar Logs</a>
    </form>

 <script type="text/javascript">

    var finish = false;

    // conexão com o servidor
    const httpObj = (callback, url, params) => {

        let req = new XMLHttpRequest();

        req.addEventListener('readystatechange', () => {

            if(req.readyState === 4 && req.status === 200)
                callback(true, req.responseText);
            else 
                callback(false, req.responseText);
        });

        req.open('POST', url);
        req.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
        req.send(params);
    }

    // variaveis HTML (formulario e a div results)
    const form = document.querySelector('#form-teste');
    const res  = document.querySelector('.results');

    // quando o formulario fo submetido...
    form.submit.addEventListener('click', e => {

        e.preventDefault();
        finish = false;

        httpObj((status, result)=>{

            if(status) finish = true;

        }, 'http://ssie.com.br:8006/speedtest/shell_test.php', `nTestes=${form.ntestes.value}&submit=executar`);
    //      ^^ URL do script que será executado em php ----------------- ^^ dados do formulario via POST

        let timer = setInterval(() => {

            httpObj((status, result)=>{

                if(status) res.textContent = result;
                if(finish) clearInterval(timer);

            }, 'http://ssie.com.br:8006/speedtest/result_list.php', ``);
    //          ^^ URL do script que atualizará os testes na div results

        }, 2000); // atualiza a cada 2 segundos

    });

 </script>
5
  • Opa, desculpe a demora no retorno, verifiquei sua resposta já, porém não tive tempo de aplicar o resultado. Fiz conforme você passou, e, na verdade deu e não deu certo. O resultado agora não há quebra de linha, ele aparece a tag nos resultados <br />. Outro detalhe é que ao selecionar a quantidade '0' ele não retorna o último resultado executado e sim executa novamente o teste. 15/08/2019 às 1:03
  • No dia seguinte que você me mandou a resposta eu já tinha conseguido a solução, mas mesmo assim estarei aplicando sua resposta como certa, pois ajudará outras pessoas também. Obrigado por dedicar um tempinho para me ajudar. 15/08/2019 às 1:07
  • @RoohMacedo tranquilo amigo! Obrigado pela validação! Abraço! 15/08/2019 às 2:04
  • @RoohMacedo AHHH! Eu não sabia que o "0" era para retornar o ultimo resultado. 15/08/2019 às 2:05
  • @RoohMacedo sim... sempre tem alguns bugs para arrumar. É que como eu não tinha como fazer o teste, fiz meio que no "olhômetro".... rsrsrs....Valeu man! 15/08/2019 às 2:07

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .