动态读取文本文件到页面

时间:2019-05-04 22:09:05

标签: javascript html

我正在尝试将.txt文件加载到我的简单html页面中。我非常笨拙,我得到的所有代码都从stackoverflow中被盗了。

该文本文件与html文件位于同一文件夹中,并且包含一些我希望显示在div中的文本,而不仅仅是在开始时加载,而是动态更新(以1秒的间隔)。 / p>

该代码生成的页面为空。 我正在使用Chrome 73。

我只使用html文件和txt文件。文件夹中没有其他文件。

<html>
 <head>
  <script type="text/javascript">
   setInterval(read,1000);
   function read(){
    jQuery.get('file.txt',function(data){$('#container').html(data);});
   }
   read();
  </script>
 </head>
 <body>
  <div id="container"></div>
 </body>
</html>

我不知道这段代码有什么问题。我是否缺少图书馆?如果您想出一个全新的代码,也将不胜感激。

2 个答案:

答案 0 :(得分:1)

是的,您缺少jQuery库。这样尝试,让我知道:

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
        <script type="text/javascript">
            function read(){
                jQuery.get('file.txt',function(data){$('#container').html(data);});
                setTimeout(function(){read() },1000);
            }
            read();
        </script>
    </head>
    <body>
        <div id="container"></div>
    </body>
</html>

参考:

https://stackoverflow.com/a/24320973/1447509

See note in italics at very bottom of this article

答案 1 :(得分:1)

简单的jQuery加载是什么?

$("#container").load("file.txt");

http://api.jquery.com/load/