Requisições à páginas em JS ou Ajax

[Jhess 46]

Olá pessoal, tenho um chat no meu site que eu que fiz sozinho do 0, ele requisita em JS a cada 1 segundo na página "messages.php", mas isso é requisição demais pra cada 1 segundo, eu quero saber se Json dá pra fazer isso. As mensagens vem do banco em div's, dessa forma:

 

<div class="me uk-grid-small uk-flex-bottom uk-flex-right uk-text-right" uk-grid><div class="uk-width-auto"><div class="uk-card uk-card-body uk-card-small uk-card-primary uk-border-rounded" style="max-width: 368px"><p class="uk-margin-remove" style="overflow: auto; word-wrap: break-word">O chat foi limpo com <strong>sucesso</strong>!<br><font size="1">de Fred às 14:55 de 31/03</font> <font color="red" size="1">[BOT]</font></p></div></div><div class="uk-width-auto"><img class="uk-border-circle" width="32" height="32" title="Fred" src=""></div></div>

 

Aqui está onde busco as mensagens e exibo numa div:

<script type="text/javascript">
  setInterval(function() {
    $.get("messages.php",function(data,status) {
      var cookieValue = document.getElementById('contentMsg').getAttribute('value');
      if(cookieValue != data) {
        document.getElementById("contentMsg").setAttribute("value", data);
        $('#contentMsg').html(data);
        document.getElementById("sound").innerHTML = "<audio autoplay><source src='dist/js_/chat.mp3' type='audio/mpeg'/></audio>";
      }

    });
  },1000);
</script>

 

Ao passar um tempo, o site fica todo bugado, porque faz muitas requisições, o que me obriga a dar CTRL + F5.

 

Arquivo messages.php:

 

$result = mysqli_query($conn, "SELECT * FROM shoutbox");
  if ($result->num_rows > 0) {
    $rs = mysqli_query($conn,"SELECT * FROM shoutbox ORDER BY id DESC");
    while($row = mysqli_fetch_array($rs)) {
    	echo $row["message"];
  }
}

 

Vi algo parecido em Json, mas não lembro onde, se puder ter algum meio... Não quero fazer com que o site fique bugado pra meus usuários, grato.

[Edgard Hufelande 27]

Dê uma pesquisada sobre Websocket utilizando PHP + Javascript, existem vários projetos já prontos na internet utilizam este recurso, basicamente sua página se comunica com o servidor através de uma porta, assim fazendo a transmissão de mensagens.

Segue um exemplo no link abaixo:
http://rafaelcouto.com.br/chat-simples-utilizando-websocket-vue-js-e-php/

 

Outro exemplo abaixo utilizando jQuery:
https://www.sanwebe.com/2013/05/chat-using-websocket-php-socket

[Jhess 46]

Beleza, dei uma olhada, mas o problema é que é hospedagem compartilhada (sem acesso à terminal pra fazer composer) :/ mas obrigado, vou ver se tem websockets sem composer

[Edgard Hufelande 27]

30 minutos atrás, Jhess disse:

Beleza, dei uma olhada, mas o problema é que é hospedagem compartilhada (sem acesso à terminal pra fazer composer) :/ mas obrigado, vou ver se tem websockets sem composer

 

Composer é apenas um gerenciador de dependências para projetos php e que é possível criar autoloaders com ele, você consegue desenvolver qualquer coisa sem ele, dado que o composer é apenas uma ferramenta para facilitar o desenvolvimento e manutenção de uma aplicação.

 

Caso haja dúvidas pode postar aí, se eu ver e puder eu ajudo. rs

[Jhess 46]

Então né, kkk, meu sistema é mó simpleszinho, acho que misturar com classes assim não me daria retorno fácil, já que tenho pouco conhecimento. Vi algo na internet sobre evitar requisições inúteis com Json, mas não lembro qual o link mais.