我需要一些帮助来动态加载模板中的数据作为文件更改。以下是数据和代码的示例我有一个json文件：data = '[{"name" : "bob", "value" : "3.1"}, {"name" : "joe", "value" : "5.6"}]';此文件中的值定期更改（每 2-3 秒）我有一个 HTML 文件<head> <script type="text/javascript" src="data.json"></script> <script type="text/javascript" src="javascript.js"></script></head><body> <table> <tr> <td>0</td> <td>0</td> </tr> <tr> <td>0</td> <td>0</td> </tr> </table><body><script type="text/javascript"> document.body.innerHTML = markup;</script>javascript.js是：var mydata = JSON.parse(data);const markup = ` <table> <tr> <td>${mydata[0].name}</td> <td>${mydata[0].value}</td> </tr> <tr> <td>${mydata[1].name}</td> <td>${mydata[1].value}</td> </tr> </table>`;所以第一个问题是：随着值的变化，我如何让数据动态加载到模板中？jQuery？节点.js？我需要最简单的解决方案，因为我不是新手。其次，html代码在现实中有点复杂，但是有没有一种相对简单的方法来循环访问数据，而不是我必须手动编写所有内容？喜欢引入“数据中的前天”？感谢您的帮助，非常感谢！
2 回答
噜噜哒
TA贡献1784条经验 获得超7个赞
1.Nodejs[Expressjs] [ server side ]
2.Fetch（） and setInterval（）[ client side ]
假设您已经设置了有关初始 json 文件中更改的值的函数/代码。
你可以做的是在服务器端使用nodejs和expressjs在ping时发送数据（也许是json格式？），在客户端，你可以做的是在js中创建一个函数（也许使用fetch（））来ping该nodejs服务器每隔“x”秒使用setInterval（）并检索数据解析它，如果它是json并更改表中的数据。
关于表中的数据，有人已经发布了解决方案。
千巷猫影
TA贡献1829条经验 获得超7个赞
我希望我有帮助
网页：
<table id="myTable">
</table>
Javascript：
var x = document.getElementById("myTable");
setInterval(function(){
// Here you get the file in the way that is most convenient for you
// More info here: https://www.w3schools.com/js/js_json_parse.asp
var data = '[{"name" : "bob", "value" : "3.1"}, {"name" : "joe", "value" : "5.6"}]';
var obj = JSON.parse(data);
// Clear the table
x.innerHTML = '';
// Adds new values
for (var key in obj[0]) {
if (obj[0].hasOwnProperty(key)) {
x.innerHTML += '<tr><td>'+key+'</td><td>'+obj[0][key]+'</td></tr>'
}
}
}, 1000);
添加回答
举报
0/150
提交
取消