Javascriptはブラウザのドキュメントを更新しません

Question

私はサーバディレクトリにdata.jsonを持っています。 w3schoolの次のコードを使用して、ブラウザにデータを表示しています。 W3school Snippet Link

<button type="button" onclick="loadDoc()">Change Content</button> 
<script> 
function loadDoc() { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
     document.getElementById("demo").innerHTML = xhttp.responseText; 

    } 
    }; 
    xhttp.open("GET", "/static/data.json", true); 
    xhttp.send(); 
} 
</script> 
</html> 

私はボタンをクリックすると、私は私のWebページにdata.jsonを見ることができています。しかし、data.jsonを変更してもう一度ボタンをクリックすると（ページを更新せずに）、更新されたデータはブラウザに表示されません。

ここに何か不足していますか？まあ

Answer 1

xhttp.open("GET", "/static/data.json?something=RANDOMGUID", true); 

Answer 2

あなたがXMLHttpRequestをを使用しているので、あなたはのような何かを行うことができ、すべてのリクエストは、一種の一意であることを確認する必要があります：あなたはjQueryのAJAX（http://api.jquery.com/jquery.ajax/）を使用していた場合

var uniqueId = (new Date()).getTime() 

xhttp.open("GET", "/static/data.json?debug=" + uniqueId, true); 

を、

$.ajax({ 
    cache: false, 
    //other options... 
});