$.getJSONでjsonファイルを読み込む(同期・非同期)

このエントリーをはてなブックマークに追加

jqueryでjsonファイルを読み込む

$.getJSON("test.json", function(jsonData) {
    alert(jsonData);
});

$.getJSONはそのままだと非同期で処理する為、読み込みが終わる前に別の処理で取得するデータを利用しようつすると躓く

非同期・同期処理の問題を回避する方法メモ

ajaxSetupでjsonファイル読み込み処理の部分を同期通信に切り替える

$.ajaxSetup({async: false});
$.getJSON("test.json", function(jsonData) {
    alert(jsonData);
});
$.ajaxSetup({async: true});

$.when().done()を利用して処理の順番を指定する

$.when(
$.getJSON("test.json", function(jsonData) {
    alert(jsonData);
});
).done(
//読み込み後に実行される
);