Question

我试图每秒刷新一个.log文件，直接显示即时/实时更新到网页。我的HTML如下

HTML

<html>
<head>
    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    </head>
<body>
<div id="console" style="background-color:black;color:green;overflow:auto;width:500px;height:700px;">
</div>
</body>

的Javascript

<script type="text/javascript">
$(document).ready(function(){
  setInterval(function(){
    $("#console").load('/log/latest.log');
  }, 1000;
});

文件设置

enter image description here

Answer 1

似乎您错过)关闭setInterval功能，请尝试执行以下操作：

$(document).ready(function(){
    setInterval(function(){
        $("#console").load('/log/latest.log');
    }, 1000); // <-- Here
});

Answer 2

为什么你不使用node.js和websocket来解决这个问题？

您只需要设置一个简单的node.js服务器并启用websocket服务。在您的html页面中还应该添加一个websocket客户端。

之后，node.js服务器可以帮助您检查日志文件，websocket可以帮助您实时更新结果。如果您这样做，即使出现更复杂的业务，您也可以非常快速地解决它。

享受node.js; - ）

.log文件的实时更新

2 个答案: