HTML для получения новых данных об обновлении

Question

У меня есть HTML-страница с JavaScript, которая читает файл JSON и отображает некоторые данные на экране на основе этого файла JSON. Мне нужно периодически обновлять эту страницу (каждые 10 секунд), чтобы она фиксировала изменения из файла JSON. Я делаю следующее:

<meta http-equiv="refresh" content="2" /> 

Я также попытался сделать это с помощью следующего кода в моем Java скрипт:

<script type="text/javascript"> 
setTimeout("location.reload(true);",2000); 

Обе версии работают и обновите страницу периодически. Однако всякий раз, когда происходит обновление, он не считывает новые данные из моего файла JSON. Он только считывает данные, когда я вручную обновляю страницу с помощью кнопки «Обновить». Есть ли способ заставить его читать новые данные, когда он обновляется?

Answer 1

Если вы в порядке используете JQuery, создайте вторую страницу с этим html и установите url var на страницу, которую вы сейчас нажимаете. Если вы нажмете новую страницу, она должна обновляться с данными каждые 10 секунд.

<div id="div1"> 
</div> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script> 
$(document).ready(function() { 
    var url = //path to your page that is currently working 
    reloadData = function() { 
    $.ajax({url: url, success: function(result){ 
     $("#div1").html(result); //takes the content of your url and throws it into div1 
    }}); 
    } 
    window.setInterval(reloadData, 10000);//every 10 seconds 
}); 
</script>