複数の関数で1つのJSONファイルを読み込むjquery

Question

現在、1つのJSONファイルを使用してページにデータを読み込もうとしています。私はそれのそれの内側二つの配列を持つ：

{ 
"categories": [], 
"cartItems": [] 
} 

私はページに私のデータのロードを持っていますが、私もその後、JSONは私がモーダルでページ、ビュー項目をロードしたいのですたびにファイルを呼び出し、商品がカートに追加されたときに商品を読み込みます。

function getData() { 
    $.getJSON("data/data.json", function (data) { 


    }); 

}; 
function modalData() { 
     $.getJSON("data/data.json", function (data) { 


     }); 

}; 
function addtocart() { 
     $.getJSON("data/data.json", function (data) { 


     }); 

}; 

新しい機能を実行するたびにデータをロードして呼び出すのが簡単な方法はありますか？

Answer 1

解決策が見つかったら、ajaxリクエストの出力を変数に代入する必要があります。これは、対応するすべての関数に表示されます。ここで、これを使用して問題を解決してください。

var root = 'https://jsonplaceholder.typicode.com'; 
 
var dataMaster = function() { 
 
    var tmp = null; 
 
    $.ajax({ 
 
    async: false, 
 
    url: root + '/posts/1', 
 
    method: 'GET', 
 
    success: function(data) { 
 
     tmp = data; 
 
    } 
 
    }); 
 
    return tmp; 
 
}(); 
 

 

 
function modalData() { 
 
    console.log(dataMaster.userId); 
 
}; 
 
modalData(); 
 

 
function addtocart() { 
 
    console.log(dataMaster.userId); 
 
}; 
 
addtocart();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>