Question

我使用此代码在我的HTML中本地加载文件：

jQuery(document).ready(function() {
    jQuery.ajax({
        url : "atxtfile.txt",
        dataType: "text",
        success : function (data) {
            jQuery("#showtxt").html(data);
        }
    });
});

这将显示文本文件，但文本文件中的每一行都不会在HTML中显示为新行。那么如何加载txt文件并显示它在txt文件中的显示方式呢？

如何每10秒20秒重新加载一次文件，以便从txt文件中获取新数据？

Answer 1

在html中的white-space:pre元素上使用#showtxt。（这将维护文件中的文本结构）

#showtxt{
  white-space:pre;
}

（或pre-wrap如果你想要长行包装）

如果你想在p中包装每一行，你不应该使用CSS，而是在将字符串附加到页面之前将其拆分并逐行进行

success : function (data) {
            var lines = data.split('\n'),
                htmlLines = '<p>' + lines.join('</p><p>') + '</p>';

            jQuery("#showtxt").html(htmlLines);
        }

每20秒重新加载一次使用ajax函数和timeOut

function readText(){
    jQuery.ajax({
        url : "atxtfile.txt",
        dataType: "text",
        success : function (data) {
            var lines = data.split('\n'),
                htmlLines = '<p>' + lines.join('</p><p>') + '</p>';

            jQuery("#showtxt").html(htmlLines);
            setTimeout( readText, 20000 );
        }
    });
}

jQuery(document).ready(function() {
    readText();
});

逐行加载本地文本文件

1 个答案: