Question

我正在寻求帮助。我是编程新手，我正在开发一个新项目。

目标是在网页中显示纯文本文件的内容。

文本文件（名为title.txt）并且只有一行文本文本文件位于我的服务器上文本内容每三分钟左右更改一次。

我希望阅读此文件并在网页中显示其内容 Web浏览器每三分钟左右自动重新读取一次文件。

我已经查看了许多网站来实现这一目标，但我对可用选项感到困惑。我读到Jquery / ajax可以执行此任务。

任何人都可以通过提供一些示例代码来帮助我。

非常感谢科林

Answer 1

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
</head>

<Body>

<p><center>Current Track: <span id="trackinfo">No track information available at this time</span></p></center>

<script>
function radioTitle() {

var url = 'http://XXX.no-ip.org:8000/tracktitle.txt'; 

$.ajax({
   type: 'GET',
   url: url,
   dataType: 'text',
   success: function(data) {

   $("#trackinfo").html(data)
},

error: function(e) {
   console.log(e.message);
}

}）;

}

$(document).ready(function(){

setTimeout(function(){radioTitle();}, 2000);
setInterval(function(){radioTitle();}, 15000);

});

</script>

</body>
</head>
</html>

Answer 2

var tid = setInterval(mycode, 2000);
function mycode() {
  // do some stuff...
  // no need to recall the function (it's an interval, it'll loop forever)
readTextFile("your file path");

}
function abortTimer() { // to be called when you want to stop the timer
  clearInterval(tid);
}

function readTextFile(file)
{
    var rawFile = new XMLHttpRequest();
    rawFile.open("GET", file, false);
    rawFile.onreadystatechange = function ()
    {
        if(rawFile.readyState === 4)
        {
            if(rawFile.status === 200 || rawFile.status == 0)
            {
                var allText = rawFile.responseText;
                alert(allText);
            }
        }
    }
    rawFile.send(null);
}

阅读文本文件并在网页中显示

2 个答案: