javascript - 在每秒更新的网页上显示一个 txt 文件

标签 javascript jquery html ajax

我是在黑暗中拍摄;我不知道如何做到这一点,所以一些指向有用教程的指针和/或链接会很棒:

我有一个网站,我想显示一个文本文件(服务器日志)。应该是嵌入的。问题是,只要服务器中发生事件(通常快于半秒),此文件就会更新。我怎样才能使网页实时显示文件,即显示文件的实时提要?

我猜它会使用 javascript 和 AJAX,但我对两者的了解都非常有限。 任何指点和帮助将不胜感激:)

最佳答案

我的回答使用 PHP 和 Ajax,但改用 ASP 或任何其他语言并不难。
在头上

    <script type="text/javascript">

        function Ajax()
        {
            var
                $http,
                $self = arguments.callee;

            if (window.XMLHttpRequest) {
                $http = new XMLHttpRequest();
            } else if (window.ActiveXObject) {
                try {
                    $http = new ActiveXObject('Msxml2.XMLHTTP');
                } catch(e) {
                    $http = new ActiveXObject('Microsoft.XMLHTTP');
                }
            }

            if ($http) {
                $http.onreadystatechange = function()
                {
                    if (/4|^complete$/.test($http.readyState)) {
                        document.getElementById('ReloadThis').innerHTML = $http.responseText;
                        setTimeout(function(){$self();}, 1000);
                    }
                };
                $http.open('GET', 'loadtxt.php' + '?' + new Date().getTime(), true);
                $http.send(null);
            }

        }

    </script>

在 body 里

    <script type="text/javascript">
        setTimeout(function() {Ajax();}, 1000);
    </script>
    <div id="ReloadThis">Default text</div>

</body>

现在使用 loadtxt.php 读取文本文件的值

    <?php
        $file = "error.txt";
        $f = fopen($file, "r");
        while ( $line = fgets($f, 1000) ) {
            print $line;
        }
    ?>

关于javascript - 在每秒更新的网页上显示一个 txt 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6450921/

相关文章:

javascript - 为什么在 javascript 中没有 Array.prototype.flatMap?

javascript - Bootstrap 没有响应,但我有元标记

javascript - 如何创建 Windows 资源管理器大缩略图样式列表?

javascript - localStorage.getItem(...).key 不是函数

javascript - IOS6 上的 HTML5 文件上传和 Canvas

javascript - 可排序条形图不工作

javascript - 使用 Controller js 代码中的分层 json 对象应用 Angular Filter

JavaScript:如何处理不断增长的数组中的内存?

jquery - jquery qtip 工具提示插件的关闭按钮

html - 使用 CSS 选择器遍历 HTML 标签树