XMLHttpRequestを使用してJSONファイルをJavascript配列にグローバルスコープでロードします。

Question

この質問は何度も尋ねられました。それでも、私はそれを作成する関数の範囲外に読み込まれたオブジェクトを取得する方法を理解していません。私は明らかに動作していない第二にconsole.logのmyArrで

var xmlhttp = new XMLHttpRequest(); 
var url = "lineJSON.json"; 
var myArr= new Array(); 

xmlhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     myArr = JSON.parse(this.responseText); 
     console.log(myArr[0].url); //here it give the right output 
    } 
}; 
xmlhttp.open("GET", url, true); 
xmlhttp.send(); 
console.log(myArr[0].url); // Cannot read property 'url' of undefined 

行う場合は特に

は、そのurlキーはそれは未定義です！

myArrをその外で利用できるようにするにはfunction？私はjQueryのを使用しないしたい可能であれば

FYI JSONは

[ 
{ 
"display": "JavaScript Tutorial", 
"url": "http://www.w3schools.com/js/default.asp" 
}, 
{ 
"display": "JavaScript Tutorial", 
"url": "http://www.w3schools.com/js/default.asp" 
} 
] 

です。

Answer 1

プロパティurlは未定義ですので読むことができます。配列にアクセスしようとすると、未定義です。配列 "myArr"はまだ空です。非同期にXMLHttpRequestを使用しているため、ブラウザは応答を待たずに次のコマンドを実行します。あなたは、コールバック関数を使用するかに

xmlhttp.open("GET", url, true); 

変更shulde：

xmlhttp.open("GET", url, false); 

しかし、それは最善の解決策ではありません。リクエストが失敗すると、スクリプト全体が停止します。