如何自动刷新加载到HTML中的Javascript变量的外部数据?

时间:2018-02-22 14:17:26

标签: javascript external var no-cache

我将PHP编写为Javascript变量的数字信息转换为.txt文件。用户以不同的间隔更改此信息。

var ISTUHSXDATE8 = '21.1.2018';
var ISTUHSXTIME8 = '20:11';
var ISTUHSXROT8 = 0;
var ISTUHSXGELB8 = 0;
var ISTUHSXGRUEN8 = 1; 
var ISTUHSXAUSLASTUNG8 = '0%';

要在HTML正文中显示实际信息,必须使HTML文档从服务器加载最新版本的.txt。 [目前手动按下按钮,并在webprojekt中通过setInterval()自动]

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="expires" content="0">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv='cache-control' content='no-cache'>
<script type="text/javascript" id="id_of_java_var"></script>
</head>
<body>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var dsts = new Date();
document.getElementById("id_of_java_var").src =
"https://www.juh-technik.de/StreifenstatusEA1.txt?time" + dsts.getTime();
}
</script>
</body>
</html>

使用此代码,我可以通过按下刷新按钮从服务器加载几个.gif / .jpg / .html文件的最新版本。问题是,这不适用于.txt文件。

所以我的问题是,如何在没有页面重新加载的情况下刷新以下行的src。

<script src="https://www.juh-technik.de/StreifenstatusEA1.txt" type="text/javascript" id="id_of_java_var"></script>

感谢您的帮助: - )

0 个答案:

没有答案