1
function getMensages(){
    var xhr = new XMLHttpRequest();
    xhr.open('GET', '../mensagens.php');
    xhr.send();
    xhr.onload=function(){
        if (xhr.readyState==4 && xhr.status==200){
            jsonText = xhr.responseText;
            jsonObj = JSON.parse(jsonText);
        }
       return jsonObj;
   }
}

getMensages();

console.log(jsonObj);

Como faço para pegar a variável jsonObj fora do escopo da função xhr.onload() e fora da função getMensages()? Ao chamar a função xhr.onload() já esta retornando objeto que quero mas preciso do objeto na variável fora dos escopos.

3

2 Respostas 2

3

Para teres essa variável no escopo global podes fazer window.jsonObj = jsonObj; (que é melhor que defenir sem usar var), mas isso não vai resolver o problema. Lembra-te que o AJAX á asincrono e quando fizeres a chamada o valor só vai ser passado para a variável jsonObj quando o servidor responder, o que implica que o código que tens já correu e o console.log() foi registado sem a variável ter sido preenchida.

Tens de adaptar o teu código para correr dentro da função xhr.onload. No caso do teu código esse console.log() devia lá estar para registar o valor certo.

xhr.onload=function(){
    if (xhr.readyState==4 && xhr.status==200){
        jsonText = xhr.responseText;
        jsonObj = JSON.parse(jsonText);
        console.log(jsonObj);  // aqui será chamado quando a resposta tiver chegado
    }
}
0
function getMensages(callback){
    var xhr = new XMLHttpRequest();
    xhr.open('GET', '../mensagens.php');
    xhr.send();
    xhr.onload=function(){
        if (xhr.readyState==4 && xhr.status==200){
            jsonText = xhr.responseText;
            jsonObj = JSON.parse(jsonText);
            if(callback) callback(jsonObj);
        }
       //return jsonObj;
   }
}

var cback = function(jsonObj) {
  console.log(jsonObj);
};

getMensages(cback);

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 .