用文件内容动态更新网页

Question

我需要一个简单的解决方案来动态地在网页上显示一个不断变化的文件的内容(一些计算的输出)。我想出了以下方法，这似乎是一个可行的解决方案(当然还有更好的解决方案)。不幸的是，我没有达到预期的结果，因为output.txt的内容没有加载。可能我错过了一些很基本的东西。

<!DOCTYPE html>
<html>
<body>
<script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
<style>
body {
    font-family: monospace;
}
#target {
    border: 1px solid gray;
    min-height: 20em;
}
</style>

<h2>Yep</h2>

<textarea id="target" cols="60" rows="10">Loading...</textarea>

<script>
var checkInterval = 1; //seconds
var fileServer = "output.txt";
var lastData;

function checkFile() {
    $.get(fileServer, function (data) {
        // Update the text if it has changed
        if (lastData !== data) {
            $( "#target" ).val( data );
            $( "#target" ).animate({
                scrollTop: $( "#target" )[0].scrollHeight - $( "#target" ).height()
            }, 'slow');
            lastData = data;
        }
    });
}

$(document).ready(function () {
    setInterval(checkFile, 1000 * checkInterval);
});

</script> 
</body>
</html>

Answer 1

这段代码可以帮助您动态地获取文件.

function read(){
    jQuery.get('now.txt',function(data){document.write(data);});
}

如果希望每3秒刷新一次，请使用setInterval

文档：

timing.asp