外部JSONを一度ロードし、繰り返し使用します。

Question

私のページが読み込まれると、すぐに$ .ajax（）を使用して別のサーバーからJSONデータを取得したいので、jsonファイルを再要求することなくすべてのデータにアクセスできるようにしたいと思います。問題は、変数にデータを代入すると、その変数のスコープが$ .ajax（）関数に限定され、他の場所にアクセスできなくなるためです。

私はすでにその情報をロードして、何度も何度でもそれを再利用することなく（遅く）使用することができるはずです。私はdocument.readyの（外それを実行した場合

$(document).ready(function(){ 
    $.ajax({ 
     type: "GET", 
     url: 'https://www.reddit.com/.json', 
     timeout:3000, 
     dataType: 'JSON', 
     jsonpCallback: 'callback', 
     success: function(data) { 
      console.log(data); 
      var myData = data; //this variable is confined :(
     }, 
     error: function(){ 
      console.log('error'); 
     } 
    }); 
}); 

下回っ例えば、単純なreddit.json要求を使用して）、その後、私は世界的にそれを得ることができますが、それはクールだった場合、私は知りませんでしたかない、またはあなたが知っている、ベストプラクティスのような...

いただきました、それは最初の要求だ作られた機能の範囲外既にロードされたJSONオブジェクトにアクセスするための最良の方法は？それとも可能なのか...？

Answer 1

からアクセスできるグローバルな配列にそれを置くことができます。

1. $（document）.ready（）関数の前にグローバル変数を宣言します。

<script> 
var myData; 
$(document).ready(function(){ 
$.ajax({ 
    type: "GET", 
    url: 'https://www.reddit.com/.json', 
    timeout:3000, 
    dataType: 'JSON', 
    jsonpCallback: 'callback', 
    success: function(data) { 
     console.log(data); 
     myData = data; //this variable is confined :(
    }, 
    error: function(){ 
     console.log('error'); 
    } 
}); 
}); 
</script> 

2.必要に応じてHTML5セッションストレージまたはローカルストレージにデータを配置します。以下のようにします。

<script> 
$(document).ready(function(){ 
$.ajax({ 
    type: "GET", 
    url: 'https://www.reddit.com/.json', 
    timeout:3000, 
    dataType: 'JSON', 
    jsonpCallback: 'callback', 
    success: function(data) { 
     console.log(data); 
     sessionStorage.myData=data; //setting variable in session storage 
     console.log(sessionStorage.myData); // getting variable from ss 
     // for local storage replace sessionStorage with localStorage in above two lines 
    }, 
    error: function(){ 
     console.log('error'); 
    } 
}); 
}); 
</script> 

Answer 2

ロードAjaxですべてのものと、あなたはそれをファイルに書き込み、またはあなたは下記の二つのオプションのいずれかを使用することができますどこにでも