Jump to content
nosredna

Erro de Depreciação no AJAX

Recommended Posts

Fala galera,

 

criei um site em PHP e fiz uma aplicação de chat em tempo real utilizando o PHP + Ajax + Pusher.

A aplicação funcionou redondinha no local. Porém, quando eu subi o site no servidor (que por sinal usa o Linux como SO), a aplicação dá o seguinte erro:

 

[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.

 

Já tentei colocar o 'async:true' e nada... alguém sabe me informar se o fato do servidor usar o Linux tem alguma coisa a ver com o erro? alguém tem alguma ideia do que eu poderia fazer pra resolver?

 

Valeu...

Share this post


Link to post
Share on other sites

isso é um warning de boa prática do navegador.

 

nada a ver com o servidor linux. Como está o teu código ajax?

  • +1 1

Share this post


Link to post
Share on other sites

Obrigado quanto ao esclarecimento do SO.

Então eu não estou com o código aqui, mais tarde eu colo ele aqui para ilustrar.

Porém, no meu 'localhost' roda certinho, quando eu clico no link abre a janela do chat e tudo mais; mas quando eu faço o upload do arquivo no servidor exatamente do mesmo jeito e quando eu clico no link da aplicação nada acontece (não abre a janela do chat) e esse aviso aparece no console do navegador (todos os navegadores).

Esse aviso de boas praticas não deveria rodar a aplicação normalmente e só aparecer o "erro" no console?

 

Obrigado por enquanto.

 

Share this post


Link to post
Share on other sites

Vamos lá:

 

No PHP o link para chamar a função é:

 

<a class="nav-link user-chat" href="javascript:;" user-id="11" data-toggle="tooltip" data-placement="left" title="Usuário 11">

 

Que chama a função JS:

$(document).on('click', '.user-chat', function(event){
   event.preventDefault(); 
   
   var user_id = $(this).attr('user-id');
   if($('.chat-user-'+user_id).length < 1){
	   var count_chat_box = $('.chat-box').length;
	   if(count_chat_box < 3){
			$.get('js/ChatBox.php', {id:user_id}, function(res){
				$('.chat-container').append(res);
			});	   
	   }
   }
});

A função JS abre um arquivo PHP chamado ChatBox, que seria a janela do chat.

No 'localhost' está exatamente assim e eu fiz o upload do mesmo jeito.

 

Como eu não sou da área de programação e estou tentando ser autodidata, a minha aplicação foi baseada na playlist: 

 

 

 

Share this post


Link to post
Share on other sites

e quando você acessa:

 

www.site.com.br/js/ChatBox.php?id=12

 

o que aparece? logicamente, trocando o id por algo válido e o www.site pelo seu domínio.

  • +1 1

Share this post


Link to post
Share on other sites

Então assim não funciona, pq o ChatBox é uma chamada interna, ele não altera a URL.

Por exemplo, sabe quando você clica em algum contato do Facebook e abre a janela do chat sem vínculos com a URL? Funciona exatamente igual.

Então se eu chamar: www.site.com.br/js/ChatBox.php?id=12 dá página não encontrada...

Eu não estou entendendo o porque de funcionar no local e quando upado no servidor acontece o erro.

Eu fiz um teste de apagar a função dentro do script JS, já que eu tinha algumas funções no msm arquivo, só para saber onde estava o erro e quando clico obviamente não aparece a janela do chat, mas também não apresenta o warning.

 

P.S.: A janela do chat que eu digo é da mesma forma que a do Facebook. Para entender melhor e ilustrar considere minha página semelhante ao Face, com a janela de chat igual, a barra lateral de contatos e etc.

 

Valeu.

Share this post


Link to post
Share on other sites
59 minutos atrás, gabrieldarezzo disse:

 

Obrigado pela recomendação de leitura, realmente entendi alguns conceitos.

 

Mas, de toda forma não consegui achar o erro no meu script, visto que como disse anteriormente, roda no local mas não no servidor...

 

Perdoem-me pela falta de conhecimento, mas estou me esforçando para aprender. De toda forma agradeço muito.

Share this post


Link to post
Share on other sites

Você subiu o arquivo ChatBox.php para produção?

Caso tenha subido, qual a URL para acessar ele?

  • +1 1

Share this post


Link to post
Share on other sites
24 minutos atrás, William Bruno disse:

Você subiu o arquivo ChatBox.php para produção?

Caso tenha subido, qual a URL para acessar ele?

 

Subi sim, porém o acesso está restrito.

Prefere que eu tire a restrição ou cole o código aqui?

 

Valeu.

Share this post


Link to post
Share on other sites

Então acesse pelo seu browser e veja o que ele responde.

 

www.site.com.br/js/ChatBox.php?id=12

 

trocando o www.site pelo seu domínio e o 12 por um id válido.

se não responder corretamente, corrija isso.

  • +1 1

Share this post


Link to post
Share on other sites

Acompanha o envio pela aba network:

 

https://github.com/gabrieldarezzo/desafiosInternos/tree/master/ajax#5---acompanhar-oq-foi-enviado

 

Veja se está enviado os parâmetros do POST (ou GET)


A resposta HTTP (está retornando um 404?)

A URL enviada.

 

Já vi casos onde o desenvolvedor se atrapalhou por não usar um 'BASE_PATH' ou então não dominar o conceito de url relativa.

 

 

 

  • +1 1

Share this post


Link to post
Share on other sites

Olá senhores,

 

Agradeço a ajuda, como eu disse eu não sou programador, mas tenho aprendido muito aqui no fórum.

Acabei passando um pente fino em tudo e consegui resolver.

O código JS estava assim:

----------------------------------------------------------------------------------------------------------------------------------------------------------------------

$(document).on('click', '.user-chat', function(event){
   event.preventDefault(); 
   
   var user_id = $(this).attr('user-id');
   if($('.chat-user-'+user_id).length < 1){
	   var count_chat_box = $('.chat-box').length;
	   if(count_chat_box < 3){
			$.get('js/ChatBox.php', {id:user_id}, function(res){  <-- observe o 'C' maiúsculo aqui
				$('.chat-container').append(res);
			});	   
	   }
   }
});

----------------------------------------------------------------------------------------------------------------------------------------------------------------------

Só que o arquivo em PHP estava nomeado assim: chatBox.php <-- observe o 'C' minúsculo aqui

Isso mesmo...mudei de minúsculo para maiúsculo e funcionou. Pode isso?

 

Valeu galera, pode fechar o tópico, por favor.

Share this post


Link to post
Share on other sites

Que bom q você encontrou o problema.

 

Porem a depuração da aba network teria te ajudado nessa charada.

Provavelmente estava dando um 404 (Pagina não encontrada)

 

Então era só verificar a URL.

 

Abs. 

 

 

 

  • +1 1

Share this post


Link to post
Share on other sites

Pois é...

Na verdade só descobri o problema quando adicionei a seguinte linha no JS:  'console.log(res);'.

Ai descobri um 404 e passei uma geral para ver onde era o equivoco.

Bom, em todo caso, mais um aprendizado. E fico agradecido, de coração, pela ajuda recebida dos amigos...

 

Até a próxima dúvida...:smile:

  • +1 1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By djwagnersp
      Bom dia amigos, tudo bem? estou com uma duvida se alguém puder me ajudar agradeço desde já.
       
      tenha a seguinte condição:
      //array dos produtos $prod = 'agua'; $prod = 'refri'; $prod = 'cerveja'; //array das quantidades $qtd = '3'; $qtd = '2'; $qtd = '6'; Gostaria de fazer um loop o for ou foreach que imprimisse o $prod a quantidade de vezes do $qtd
      como seria possível realizar isso?
    • By dutopfave
      Galera tenho um cadastro de cliente que preenche nome e login, ai quando digita o nome, automaticamente ele preenche o login, pra agiliza, ta assim: $("#inputdonome").blur(function(){ $("#login").val($(this).val()); }); só que to com problema de nome repetido, então vou muda ao invés de preenche automático com nome, preenche com EMAIL, porém tem como preenche automático o login só q para antes de chega no '@'   ai ficaria assim:

      E-mail: contato2019@site.com.br
      Login: contato2019
    • By JenneferBarbosa
      <label>Data Inicio</label> <input type="date" name="data_inicio-incluir" id="data_inicio-incluir"> <label>Data Fim</label> <input type="date" name="data_fim-incluir" id="data_fim-incluir"> Boa tarde pessoal, estou iniciando em JS e não sei como fazer a validação de datas. Estou fazendo um sistema de aluguel de livros, então,  como consigo verificar se a data_fim não é menor que a data inicio e que a data_fim seja de 1 até 7 dias depois da data_inicio, não podendo ultrapassar. Se alguém tiver como me ajudar, ficarei muito grata.  
    • By mzaidan
      Pessoal, tenho o seguinte codigo:
      function showUser(str) { if (str == "") { document.getElementById("txtHint").innerHTML = ""; return; } else { if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange = function() { if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { document.getElementById("txtHint").innerHTML = xmlhttp.responseText; } } xmlhttp.open("GET","getFaixa.php?q="+str,true); xmlhttp.send(); } } Na mesma página, logo embaixo:
      <select name='faixa' id='appearance-select' onchange="showUser(this.value)"> <option value='branca' <?=($faixa == 'branca')?'selected':''?>>Branca</option> <option value='azul' <?=($faixa == 'azul')?'selected':''?>>Azul</option> <option value='roxa' <?=($faixa == 'roxa')?'selected':''?>>Roxa</option> <option value='marrom' <?=($faixa == 'marrom')?'selected':''?>>Marrom</option> <option value='preta' <?=($faixa == 'preta')?'selected':''?>>Preta</option> </select><br> No getFaixa.php:
      include("conexao.php"); $q = intval($_GET['q']); $id = $_SESSION['id']; $update = "UPDATE usuario SET faixa='$q' WHERE usuario_id='$id'"; $result = mysqli_query($conexao, $update); O que eu gostaria era mudar o campo no BD, usando ajax.
      Ele até está mudando, só que está botando um 0 ao invés do value do select.
       
      Alguém poderia me ajudar?
      Onde estou errando?
      Grato.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.