Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

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...

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

 

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

Compartilhar este post


Link para o post
Compartilhar em outros 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.

 

Compartilhar este post


Link para o post
Compartilhar em outros 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: 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

Caso tenha subido, qual a URL para acessar ele?

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros 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.

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros 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.

Compartilhar este post


Link para o post
Compartilhar em outros 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. 

 

 

 

Compartilhar este post


Link para o post
Compartilhar em outros 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:

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.

      Estou com uma dúvida, referente cálculo de valores em tempo real.

      Tenho uma rotina, que faz o cálculo, o problema é mostrar o resultado.

      Quero mostrar o RESULTADO assim: 0,00  ou  0.00

      Abaixo posto o código.
      jQuery('input').on('keyup',function(){ //Remover ponto e trocar a virgula por ponto var m = document.getElementById("pgRest").value; while (m.indexOf(".") >= 0) { m = m.replace(".", ""); } m = m.replace(",","."); //Remover ponto e trocar a virgula por ponto var j = document.getElementById("pgDsct").value; while (j.indexOf(".") >= 0) { j = j.replace(".", ""); } j = j.replace(",","."); m = parseFloat(jQuery('#pgRest').val() != '' ? jQuery('#pgRest').val() : 0); j = parseFloat(jQuery('#pgDsct').val() != '' ? jQuery('#pgDsct').val() : 0); //Mostra o Resultado em Tempo Real jQuery('#pgTroco').val(m - j); <<=== aqui estou errando })  
       
      Grato,
       
      Cesar
       
       
    • Por violin101
      Caro amigos, saudações.

      Tenho uma tabela escrita em JS que funciona corretamente.
       
      Minha dúvida:
      - como devo fazer para quando a Tabela HTML estiver vazia, exibir o LOGO da Empresa ?

      Abaixo posto o script:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'i' ) return;// Não é Ctrl+A, portanto interrompemos o script evt.preventDefault(); //Chama a Função Calcular Qtde X Valor Venda calcvda(); var idProdutos = document.getElementById("idProdutos").value; var descricao = document.getElementById("descricao").value; var prd_unid = document.getElementById("prd_unid").value; var estoque_atual = document.getElementById("estoque_atual").value; var qtde = document.getElementById("qtde").value; var vlrunit = document.getElementById("vlrunit").value; var vlrtotals = document.getElementById("vlrtotal").value; var vlrtotal = vlrtotals.toLocaleString('pt-br', {minimumFractionDigits: 2}); if(validarConsumo(estoque_atual)){ //Chama a Modal com Alerta. $("#modal_qtdemaior").modal(); } else { if(qtde == "" || vlrunit == "" || vlrtotal == ""){ //Chama a Modal com Alerta. $("#modal_quantidade").modal(); } else { //Monta a Tabela com os Itens html = "<tr style='font-size:13px;'>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='id_prds[]' value='"+idProdutos+"'>"+idProdutos+"</td>"; html += "<td width='47%' height='10'>"+ "<input type='hidden' name='descricao[]' value='"+descricao+"'>"+descricao+ "<input type='hidden' name='esp[]' value='"+prd_unid+"'> - ESP:"+prd_unid+ "<input type='hidden' name='estoq[]' value='"+estoque_atual+"'></td>"; html += "<td width='10%' height='10' style='text-align:center;'>"+ "<input type='hidden' name='qtde[]' value='"+qtde+"'>"+qtde+"</td>"; html += "<td width='12%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrunit[]' value='"+vlrunit+"'>"+vlrunit+"</td>"; html += "<td width='14%' height='10' style='text-align:right;'>"+ "<input type='hidden' name='vlrtotal[]' value='"+vlrtotal+"'>"+vlrtotal+"</td>"; html += "<td width='12%' height='10' style='text-align:center;'>"+ "<button type='button' class='btn btn-uvas btn-remove-produto' style='margin-right:1%; padding:1px 3px; font-size:12px;' title='Remover Item da Lista'>"+ "<span class='fa fa-minus' style='font-size:12px;'></span></button></td>"; html += "</tr>"; $("#tbventas tbody").append(html); //Função para Somar os Itens do Lançamento somar(); $("#idProdutos").val(null); $("#descricao").val(null); $("#prd_unid").val(null); $("#qtde").val(null); $("#vlrunit").val(null); $("#vlrtotal").val(null); $("#idProdutos").focus(); //Se INCLUIR NOVO produto - Limpa a Forma de Pagamento $("#pgSoma").val(null); $("#pgRest").val(null); $("#pgDsct").val(null); $("#pgTroco").val(null); $("#tbpagar tbody").empty(); }//Fim do IF-qtde }//Fim do Validar Consumo });//Fim da Função btn-agregar  
      Grato,

      Cesar
       
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.