2014-03-12 20 views
0

我在函数外部传递变量时遇到了一些问题。 这似乎很简单,但我有一些问题。从本地变量到全局在javascript中传输数据

var myJson; 
var url = "https://openbook.etoro.com/api/Markets/Symbol/?name=" + symbol; 
var xhr = (window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP")); 
xhr.onreadystatechange = XHRhandler; 
xhr.open("GET", "proxy.php?url=" + url, true); 
xhr.send(null); 

function XHRhandler() { 

    if (xhr.readyState == 4) { 

     var json; 
     if (JSON && JSON.parse) { 
      json = JSON.parse(xhr.responseText); 
     } else { 
      eval("var json = " + xhr.responseText); 
     } 
     console.log(json); 
     myJson= json; 
     xhr = null; 
    } 

} 
console.log(myJson); 

我需要的是将数据从局部变量json传递给全局myJson; 但是,当我做console.log(myJson)我得到未定义。 问题是什么?

谢谢

+1

由于console.log(myJson);'没有等待xhr完成而立即执行。仅当数据从服务器到达时才会调用XHRhandler。 –

+0

可能重复[如何从AJAX调用返回响应?](http://stackoverflow.com/questions/14220321/how-to-return-the-response-from-an-ajax-call) – Quentin

+0

您可以也尝试'promise'并在其回调中设置变量。 –

回答

0

尝试移动的声明console.log(myJson);你如果条件内或交替与一些值初始化变量。看起来你的声明在被任何值填充之前就被调用了。

0

XMLHttpRequest是异步的,因此当您尝试将myJson变量写入控制台时,它尚未完成。将它包装在一个函数中,并在XMLHttpRequest完成后调用该函数。

var myJson; 
var url = "https://openbook.etoro.com/api/Markets/Symbol/?name=" + symbol; 
var xhr = (window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP")); 
xhr.onreadystatechange = XHRhandler; 
xhr.open("GET", "proxy.php?url=" + url, true); 
xhr.send(null); 

function XHRhandler() { 

    if (xhr.readyState == 4) { 

     var json; 
     if (JSON && JSON.parse) { 
      json = JSON.parse(xhr.responseText); 
     } else { 
      eval("var json = " + xhr.responseText); 
     } 
     console.log(json); 
     myJson= json; 
     xhr = null; 
     writeToConsole(); 
    } 

} 

function writeToConsole() { 
    console.log(myJson); 
}