1

Boa noite pessoal, precisava rodar PHP e javascript "ao mesmo tempo", preciso atualizar um gráfico feito em javascript sem parar de rodar o PHP, simplifiquei o problema no código abaixo, se conseguir fazer o código abaixo rodar, eu consigo atingir o objetivo. Caso alguém saiba como realizar esse objetivo de outra maneira por favor me de um help !

<html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">google.charts.load('current', {'packages':['corechart']}); </script>
  </head>
<?php 
@ini_set("output_buffering", "Off");
@ini_set('implicit_flush', 1);
@ini_set('zlib.output_compression', 0);
@ini_set('max_execution_time',0);
header( 'Content-type: text/html; charset=utf-8' );
echo "Contador: ";
$i = 0;
while (true)  { // Enquanto esse looping não terminar nunca vou exibir o gráfico
                // depois que i = 5, o gráfico é mostrado, e esse é o problema, rodo uma coisa depois outra, e não as 2 ao mesmo tempo
    for (; $i < 5; $i++) {
        echo $i." -- ";
        if(sleep(1) != 0){
            echo "sleep failed script terminating"; 
            break;
        }
        flush();
        ob_flush();
    }

    printf('
    <script type="text/javascript"> 
    i = '.$i.'    
    alert(i) // Engraçado que isso funciona ! quando i = 5 o alert é mostrado, mas o gráfico não é exibido !
    var dashboardState = "";
    options = ""
    function updateDraw() {
        chart = new google.visualization.PieChart(document.getElementById("piechart"));
        data = google.visualization.arrayToDataTable(dashboardState);
        chart.draw(data, options);
    }                        
    VariavelPHP = "LoL =D"
    options = {title: "Teste"};
    dashboardState = eval("[[\'asd\', \'qwe\'],[\'VariavelPHP\', i],[\'Task2\', 25],[\'Task3\',  10],]");
    google.charts.setOnLoadCallback(updateDraw);
    </script>
    ');
    $i = 0;
}
?>
<body>
    <div id="piechart" style="width: 900px; height: 500px;"></div>
</body>
</html>

Se o While (true) for retirado e o "looping for" chegar em $i = 5, o gráfico é mostrado, "MAS", se o While (true) for mantido, então o gráfico nunca será mostrado !

Agradeço a paciência !

1
  • 2
    Você pode usar ajax. Não têm como executar no mesmo tempo, porque js é client-side e php server-side, mas tem como fazer o js chamar um php via ajax. 29/05/2016 às 4:42

1 Resposta 1

1

Faça uma requisição Ajax para o arquivo '*.php' através do JavaScript. Para requisicionar há 2 objetos nativos: XMLHttpRequest e ActiveXObject.

O ActiveXObject é suportado pelo IE <= 6.

Exemplo de como fazer um Ajax:

var php = window.XMLHttpRequest ?
    new XMLHttpRequest() : // Suporta o XMLHttpRequest
    new ActiveXObject("Microsoft.XMLHTTP"); // Supporta o ActiveXObject

// Note que não é preciso escolher o tipo de resposta se você
// só quer texto
php.responseType = "text"; // Define resposta como texto
php.open("GET", "SEU_ARQUIVO", true);
// O primeiro argumento nessa chamada é o método de requisição;
// O segundo argumento é o link do arquivo '*.php';
// O último argumento define se a requisição é assíncrona;
// Ele tem que ser assíncrono agora, já que síncrono é deprecated, atualmente.
// Defina 'onreadystatechange' em requisições assíncronas e
// defina 'onload' em requisições síncronas.

// 'onreadystatechange' ocorre toda vez que o objeto da requisição
// muda de estado.
php.onreadystatechange = function() {
    // readyState --> se é 4, a requisição terminou.
    // 'this' refere ao objeto 'php'
    if(this.readyState === 4) {
        // status --> se é 200, a requisição foi feita com sucesso.
        if(this.status === 200) {
            alert(php.response); // 'response' é a resposta;
            // Nesse caso seria um retorno do PHP se ele chamar um
            // 'echo' ou 'printf'.
            // Aqui ficaria o bloco de sucesso.
        }else{
            // Aqui ficaria o bloco de algum erro.
            // Pode ser >= 500, 404, etc.
        }
    }
}
php.send(); // Inicia a requisição.

... E se você quiser requisicionar o arquivo '*.php' com variáveis GET no URL ("arquivo.php?a=0&b=1") com conteúdo complexo e diferentes caracteres ou que inclui HTML, você deveria usar a função nativa do encodeURIComponent para cada valor e retornar no link de requisição.

Exemplo:

php.open("GET", "wow.php?a=" + encodeURIComponent("<w>!!!</w>& ###"), true);

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 .