从文件动态导入值
我需要一些帮助来动态加载模板中的数据作为文件更改。以下是数据和代码的示例
我有一个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回答
-
噜噜哒
1.Nodejs[Expressjs] [ server side ]2.Fetch（） and setInterval（）[ client side ]假设您已经设置了有关初始 json 文件中更改的值的函数/代码。你可以做的是在服务器端使用nodejs和expressjs在ping时发送数据（也许是json格式？），在客户端，你可以做的是在js中创建一个函数（也许使用fetch（））来ping该nodejs服务器每隔“x”秒使用setInterval（）并检索数据解析它，如果它是json并更改表中的数据。关于表中的数据，有人已经发布了解决方案。 -
千巷猫影
我希望我有帮助网页：<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);
随时随地看视频慕课网APP
相关分类
JavaScript