-2

Pretendo mostrar o número de mensagens por ler. Estou a usar o seguinte código: Onde retorna o valor das mensagens por ler:

<a href="#" class="notification"> <input type="button" id="btn-mensagem" name="btn-mensagem" class="botao" data-toggle="modal" data-target="#modal-mensagem" style="float: right; margin-right:15%;"> <span class="badge" id='msgNumero'></span>  </a>

Estou a usar o seguinte script:

function novasMensagens(numero){
  $.ajax({
      type: 'GET',
      url : './fetchbusca',
      success : function(data) {
          var numero = data;    
          var retorno = numero > 0 ? "" : numero;   

document.getElementById("msgNumero").innerHTML = novasMensagens(numero);          
      }   
  });

}

Não retorna o valor, como mostro na imagem: inserir a descrição da imagem aqui

4
  • Já tentou colocar dessa forma document.getElementById("msgNumero").innerHTML = retorno; ?
    – JrD
    Commented 1/04/2019 às 14:50
  • @JrD já mas não mostra o alerta, fica como na segunda imagem
    – Bruno
    Commented 1/04/2019 às 14:51
  • O que console.log(data) retorna?
    – Marconi
    Commented 1/04/2019 às 16:00
  • Queira editar seu post e reduzir o problema a um Exemplo Mínimo, Completo e Verificável para viabilizar uma resposta dentro do modelo do site. Mais detalhes em Tour e Central de ajuda.
    – Largato
    Commented 1/04/2019 às 16:03

1 Resposta 1

1

Considerando que a requisição AJAX é assíncrona, você deve popular seu balãozinho no método success da requisição. Veja:

function novasMensagens(){ // não precisa do parâmetro: numero
  $.ajax({
      type: 'GET',
      url : './fetchbusca',
      success : function(data) {
          //var numero = data;    
          //var retorno = numero > 0 ? "" : numero;
          document.getElementById("msgNumero").innerHTML = data;
      }   
  });

}

Logo, é só chamar a função e ao concluir ela vai popular o elemento #msgNumero com o retorno da requisição.

Isso quer dizer que você não vai chamar a função assim:

document.getElementById("msgNumero").innerHTML = novasMensagens(5); // chamada errada!

Agora, basta chamar a função diretamente no seu script:

novasMensagens();
2
  • Por favor evitem longas discussões nos comentários; a conversa de vocês foi movida para o chat - caso queiram prosseguir, basta clicar no link
    – Largato
    Commented 1/04/2019 às 16:03
  • 1
    @Bacco Obrigado, mas eu já havia aberto um chat com o AP. Pode apagar esse outro aí! Vlw!
    – LipESprY
    Commented 1/04/2019 às 16:35

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .