jQueryでJSONレスポンスを保存するには？

Question

私はjsonレスポンスをグローバル変数に保存したいので、getJSONリクエストを複数回実行することなくアプリケーションから使用できます。

var data; 
$.getJSON("panorama.json",function(json){ 
data = json.images[0].src; 
console.log(data);   
}); 


console.log(data); 

私は、実際の要求の罰金にそれを記録し、しかし、私は他のどこでも「未定義」を取得した場合。 すべてのコメントが詳細です。

編集[コメントからコピー]：試しました...

$.myglobals = { result: "unset" } 

$(document).ready(function() { 

    $.getJSON("panorama.json", function(json) { 
    $.myglobals.result = json.images[0].src; 
    console.log($.myglobals.result);  
    }); 

    console.log($.myglobals.result); 
}) ; 

最初のログは、第二が定義されていない、大丈夫です。 [答えからコピー]

編集：

実際に両方の方法を働いた

興味深いのは、私の 要求が機能していたし、私は後に右 を私のグローバル変数をアクセスもする をしようとしたということです同じ機能のリクエスト

私はそれが機能の外でそれにアクセスしたとき それは魅力のように働いた

Answer 1

実際のコードがそのような構造である場合、設定されていないデータにアクセスしようとすると問題が発生しますまだです。 $.getJSON()がconsole.log()を超えているという理由だけで、データの値を記録する前に応答が得られるわけではありません。

あなたの問題は範囲ではなく、むしろタイミングです。サーバ側の遅れを導入すると、ソリューションがクラッシュする可能性があります。応答が受信された場合

たぶん、あなたは、いくつかのフラグを設定する必要があります。

var data, dataReceived = false; 

$.getJSON("panorama.json",function(json){ 
    data = json.images[0].src; 
    dataReceived = true; 
    console.log(data);      
}); 


// somwhere later 
if (dataReceived) { 
    console.log(data); 
} else { 
    // you could use setTimeout() or setInterval here to re-check 
    console.log("data not received yet"); 
} 

Answer 2

DOMの属性（#IDなど）に挿入し、必要に応じて取得できます。

Answer 3

変数を1つの$（document）.ready（）に設定し、別の$（document）.ready（）で使用できるようにするアプローチです。 myglobalsは、おそらく "myglobals"よりも賢明な名前をつけている場合には、おそらくグローバル変数が他の人と衝突する可能性を減らす名前空間オブジェクトです。

$.myglobals = { 
    result: "unset" 
} 

$(document).ready(function() { 

    function pretend_JSON_call() { 
    $.myglobals.result = {'a':"hello", 'b':"world" }; 
    } 

    pretend_JSON_call(); 
}); 

$(document).ready(function() { 
    alert($.myglobals.result['a']); 
    alert($.myglobals.result['b']); 
}); 

Transient link上記のコードはjsbinです。

Answer 4

$ .getJSONは、AJAXリクエスト（質問されて、非同期の範囲にキーワードを）発射それはhasnので.Your変数が定義されていませんまだ定義されていないが、応答は完了していない。他の人はあなたのコードでconsole.logをさらに動かすことを提案しましたが、あなたのロジックがコールバック関数と同期されていない限り、それが使用可能であるという保証はありません。 $ .getJSONは、パラメータの1つとしてコールバック関数を受け入れます。

$.getJSON("myData.json", function(data) { 
    //Do whatever, this is a callback 
    $.each(data, function(key, val) { 
     //You can get even more specific like so 
    }); 
});