1

Tenho um html simples em arquivo e quero guetarda-lo em uma variavel para usar, eu fiz o get assim:

 let popup = '';
 $.get( "popup.html", function( data ) {
     // the contents is now in the variable data
     console.log("data"+data);
     popup =  data;
 });
 console.log("popup"+popup);

Porem não esta salvando em popup, o log é:

    popup
(index):247 data<p style="font-weight: bold;font-size: 16px" id="nome">a</p>
<div class="dropdown-divider w-50 mx-auto "></div>
<p  id="endereco">c</p>
<p  id="tel">dc</p>
<p  id="email">ca</p>

data possui meu html, porem o popup não, estou fazendo algo errado?

6
  • Não tenho certeza, mas acho que seu problema é o let. Talvez ele não permita setar o valor no contexto de baixo. Pode ser que esteja entendendo que o popup é uma nova variável Commented 9/03/2018 às 17:51
  • Ou também, se a requisição for assíncrona, esse comportamento é normal. Entenda que a atribuição do valor, nesse caso, pode ocorrer depois do console.log Commented 9/03/2018 às 17:52
  • Esse console.log que vc mostrou na pergunta é o console.log("data"+data); ou console.log("popup"+popup);?
    – Sam
    Commented 9/03/2018 às 19:08
  • os 2, o popup veio antes Commented 9/03/2018 às 19:09
  • É porque o ajax é assíncrono... o popupsó vai receber o valor dentro da função get
    – Sam
    Commented 9/03/2018 às 19:15

2 Respostas 2

4

Você está chamando uma função assíncrona ($.get) e querendo atribuir o retorno à variável popup antes dela retornar algum valor. Você poderia usar o método $.ajax com o parâmetro async: false, mas não é recomendado devido ao aviso:

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

Saiba mais neste tópico...

O que você pode fazer é chamar uma função que retorna o valor de data do $.get após ele ser processado, usando .then():

function htmlPopup(){
   return $.get( "popup.html").then(function(data){
      return data;
   });
}

htmlPopup().then(function(popup){
   console.log(popup);

   // resto do código que irá usar a variável popup

});
-2
popup = $.get( "popup.html", function( data ) { return(data)});

Já pega o retorno na variavel

Você deve fazer log-in para responder a esta pergunta.

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