PHP Criação de chat com PHP e SQL

Leonardo Paiva Vieira · 26 de novembro de 2018

Boa noite!

Estou desenvolvendo um chat em PHP com banco de dados SQL e queria saber como atualizar a lista de mensagens sem que precise ficar atualizando a página.

DiF · 26 de novembro de 2018

@Leonardo Paiva Vieira Olá,

Você pode usar o ajax com um setInterval para atualizar a cada X segundos ou minutos.

Por exemplo: http://jsfiddle.net/ugwj2cye/

O código do exemplo:

setInterval(function(){ 
     $(".msg").html("Atualizando...");
     $( ".msg" ).toggle( "slow", function() {
    // Animation complete.
  });
}, 2000);

Basicamente, o setInterval faz executar o comando de tempo em tempo.

Então no elemento .msg inseri uma palavra.

Depois fiz com que essa palavra ficasse sumindo e aparecendo a cada 2 segundos ( 2000ms)

No seu caso, o exemplo você será útil quando você fazer a requisição ajax a cada X segundos.

Exemplo hipotético ( não copie o código pois não funcionará)

setInterval(function(){ 
    $.ajax({
       url: "arquivoPHP.php",
       dataType: "HTML",
       Method: "POST"
    }).done(function(retorno){
          $("#chat").html(retorno);
    }).fail(function(retorno){
         $("#msg-erro").html(retorno); 
    });
}, 2000);

Repare que o $.ajax() será executado a cada 2 segundos... ou seja, a cada dois segundos, uma requisição assíncrona é feita ao arquivoPHP.php que trará as mensagens do chat. Então no php você faz a consulta na tabela, organizando a resposta da consulta em forma decrescente, ou seja, as últimas mensagens de primeiro.. ou se achar melhor deixe em ordem de registro...

enfim.. é por ai