緩存JSON文件

Question

我有一個網站，我有13個鏈接。當你點擊一個鏈接時，你會得到一個不同的json文件，它顯示不同的數據。

一個問題是，當更新json文件時，更新不會在線反映，直到您清除緩存或查看json文件並刷新它。

另一個問題是，您點擊的第一個鏈接出現的json數據會出現在您點擊的其他鏈接上。

任何想法如何解決這些問題？

的jQuery：

$('.school').on("click", function() { 
    var school = $(this).attr('school'); 
    $.getJSON(school + "/data.json", function(data) { 
      $('.images').empty(); 
         $('.videos').empty(); 
          $('.field').empty(); 

         var location, enrollment, tuition, history, alumni, fact, prose; 
         location = data.location; 
         enrollment = data.enrollment; 
         tuition = data.tuition; 
         history = data.history; 
         fact = data.fact; 
         alumni = data.alumni; 
         prose = data.prose; 


         $('.location').html('<strong>Location</strong>: ' + location); 
         $('.enrollment').html('<strong>Enrollment</strong>: ' + enrollment); 
          $('.tuition').html('<strong>Undergraduate tuition</strong>: ' + tuition); 
          $('.history').html('<strong>History</strong>: ' + history); 
          $('.fact').html('<strong>Notable fact:</strong> ' + fact); 
         $('.alumni').html('<strong>Prominent alumni</strong>: ' + alumni); 
         $('.prose').html(prose);   
}); 
}); 

Answer 1

假如你不能改變服務器上的緩存選項，您可以通過使用的事實，連接到URL查詢字符串緩存解決這個問題。我將_設置爲Date.now()，以便您的鏈接僅在1ms內保持有效。

var school = $(this).attr('school'), 
    url = school + "/data.json?_=" + Date.now(); 
$.getJSON(url, function(data) { /* ... */ });