[解決済み】ローカルJSONファイルの読み込み

質問

ローカルのJSONファイルを読み込もうとしているのですが、うまくいきません。以下は、私のJavaScriptコードです（jQueryを使用）。

var json = $.getJSON("test.json");
var data = eval("(" +json.responseText + ")");
document.write(data["a"]);

test.jsonファイルです。

{"a" : "b", "c" : "d"}

何も表示されず、Firebugが教えてくれました。 data は未定義です。Firebugでは json.responseText となっていて、有効で良いのですが、その行をコピーすると変です。

 var data = eval("(" +json.responseText + ")");

をFirebugのコンソールに表示させると、動作してデータにアクセスできるようになりました。

どなたか解決策をお持ちの方はいらっしゃいますか？

解決方法は？

$.getJSON は非同期なので、そうしてください。

$.getJSON("test.json", function(json) {
    console.log(json); // this will show the info it in firebug console
});