每x分钟导入本地JSON文件的JavaScript方法

Cod*_*ody 6 javascript json

我是JavaScript的新手,我一直在寻找解决这个问题的方法:

我将名称和数字写入与我的JavaScript文件相同的目录中的data.json文件.我正在寻找的是每隔几分钟检查一次data.json并用更改来更新我的HTML p标签.

我的HTML块看起来像这样:

...
<body>
  <p id="mydata">
  </p>
</body>
...
Run Code Online (Sandbox Code Playgroud)

我的data.json看起来像这样:

[{"Name":"Charlie","Number":"5"},{"Name":"Patrick","Number":"3"}]
Run Code Online (Sandbox Code Playgroud)

我的Javascript块看起来像这样:

...
setInterval(function(){
    var json = // read in json file
    //this is the part I'm missing
    document.getElementById('mydata').innerHTML = json;
},300000); // every 5 minutes
Run Code Online (Sandbox Code Playgroud)

Wes*_*gur 1

$.getJSON 将加载本地json文件

setInterval(function(){
    $.getJSON("yourjsonfile.json", function(json) {
        console.log(json); 
        document.getElementById('mydata').innerHTML = json;
    });
},300000); // every 5 minutes
Run Code Online (Sandbox Code Playgroud)