0

Tem alguma forma de dar refresh na pagina sem ser pelo método setTimeout ou setInterval diretamente pelo PHP? se tiver pelo JS também serve.

É que estou fazendo um sistema de notificações e chats que precisa de segundo em segundo estar trazendo dados de notificações de mensagem do ChatBox direto do servidor e o setInterval esta dando umas bronca e dores de cabeça.

1 Resposta 1

2

PHP é back-end, não tem como ele fazer uma interação tão direta com o front-end.

Você tem duas opções:

Ajax + setTimeout

Não tem por que não querer usar o setTimeout (ele é seu amigo), um exemplo de ajax com setTimeout:

html:

<div id="respostas"></div>

Js:

function Notificacoes() {
    var request = new XMLHttpRequest();
    request.open("GET", "test.html", true);//true é "assincrono"

    request.onreadystatechange = function (event) {
        if (request.readyState === 4) {
            var target = document.getElementById("respostas");
            var newItem = document.createElement("div");

            if (request.status === 200) {
                 newItem.innerHTML = request.responseText;
            } else {
                 newItem.innerHTML = "Erro na resposta: " + request.status;
            }

            //Adiciona nova mensagem do chat no corpo
            target.appendChild(newItem);

            setTimeout(Notificacoes, 500);//Espera 500ms pra fazer uma nova requisição
        }
    };
    request.send(null);
}

Notificacoes(); //Inicia o Ajax (recomendo window.onload ou $.ready do jQuery)

Outra recomendação que faço é trazer dados json ao invés de html, pois é assim será menos consumo do servidor e a resposta irá demorar menos. Então com estes dados json você usar javascript pra gerar o HTML.

Usando websockets

WebScokets são mais complicados, no entanto a vantagem que eles exercem é que o servidor é que envia a resposta pois a conexão é constante:

js:

var socket = new WebSocket(host);

socket.onopen = function(msg) 
{ 
    if(this.readyState == 1)
    {
        console.log("conectado"); 
    }
};

//Recebe os dados do socket
socket.onmessage = function(msg) 
{
    var target = document.getElementById("respostas");
    var newItem = document.createElement("div");

    newItem.innerHTML = msg.data;

    //Adiciona nova mensagem do chat no corpo
    target.appendChild(newItem);
};

socket.onclose = function(msg) 
{ 
    console.log("Desconectado " + this.readyState); 
};

socket.onerror = function()
{
    console.log("Erro");
};

php:

#!/usr/local/bin/php -q
<?php
error_reporting(E_ALL);

/* Allow the script to hang around waiting for connections. */
set_time_limit(0);

/* Turn on implicit output flushing so we see what we're getting
 * as it comes in. */
ob_implicit_flush();

$address = '192.168.1.53';
$port = 10000;

if (($sock = socket_create(AF_INET, SOCK_STREAM, SOL_TCP)) === false) {
    echo "socket_create() failed: reason: " . socket_strerror(socket_last_error()) . "\n";
}

if (socket_bind($sock, $address, $port) === false) {
    echo "socket_bind() failed: reason: " . socket_strerror(socket_last_error($sock)) . "\n";
}

if (socket_listen($sock, 5) === false) {
    echo "socket_listen() failed: reason: " . socket_strerror(socket_last_error($sock)) . "\n";
}

do {
    if (($msgsock = socket_accept($sock)) === false) {
        echo "socket_accept() failed: reason: " . socket_strerror(socket_last_error($sock)) . "\n";
        break;
    }
    /* Send instructions. */
    $msg = "\nWelcome to the PHP Test Server. \n" .
        "To quit, type 'quit'. To shut down the server type 'shutdown'.\n";
    socket_write($msgsock, $msg, strlen($msg));

    do {
        if (false === ($buf = socket_read($msgsock, 2048, PHP_NORMAL_READ))) {
            echo "socket_read() failed: reason: " . socket_strerror(socket_last_error($msgsock)) . "\n";
            break 2;
        }
        if (!$buf = trim($buf)) {
            continue;
        }
        if ($buf == 'quit') {
            break;
        }
        if ($buf == 'shutdown') {
            socket_close($msgsock);
            break 2;
        }
        $talkback = "PHP: You said '$buf'.\n";
        socket_write($msgsock, $talkback, strlen($talkback));
        echo "$buf\n";
    } while (true);
    socket_close($msgsock);
} while (true);

socket_close($sock);

Documentação PHP:

Porque não o setInterval

Diferente do setTimeout o setInterval não espera o processo terminar, portanto o se as requisições ajax forem longas você podera sobrecarregar o navegador.

6
  • Tem alguma forma de fazer com que ESSE código de Ajax + setTimeout receba por forma uma valor tipo <input type="text" user-de="1" user-para="2"> quando clicar em uma função tipo.. <a href="#" onclick="openWidChat(1,2)">Eric</a> .. então ele deve pegar o valor de user-de e user-para Commented 9/07/2015 às 16:27
  • @PedroQuezado totalmente possivel, já que se trata de uma intereção servidor+cliente, é possivel enviar dados e receber usando os parametros GET, por exemplo: request.open("GET", "test.php?action=receber&user-de=1&user-para=2", true);
    – Syzoth
    Commented 9/07/2015 às 16:31
  • isso eu já tentei .... não deu certo como eu esperava... é que ele vai receber um valor que não esta imprimido na pagina HTML ele vai receber ao clicar no link... Quando ele clicar no link que tem openWidChat(1,2) esses valores são jogados na INPUT como user-de="1" user-para="2" que não tinha na estrutura ater clicar no link, dae esses valores deveriam ser jogados dentro da estrutura de Notificacoes(),... ate então eu consegui fazer isso, mas quando da o procimo refresh em <div id="respostas"></div> os valores fica 'NULL' e acaba perdendo os valores da INPUT. Entende? Commented 9/07/2015 às 16:43
  • Não é que não deu certo, é que me parece que você não soube como criar a lógica. Com o perdão da palavra, mas isto já é outra questão @PedroQuezado . Recomendo que crie uma nova questão e adicione detalhes do teu código e como ele funciona para ser possivel responder.
    – Syzoth
    Commented 9/07/2015 às 16:45
  • teria tempo pra me ajudar nesse rolo? @GuilhermeNascimento Commented 9/07/2015 às 16:46

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 .