如何使用 JavaScript XMLHttpRequest 获取日志文件并显示它答案

【问题标题】：How to get a logfile and display it using JavaScript XMLHttpRequest如何使用 JavaScript XMLHttpRequest 获取日志文件并显示它
【发布时间】：2019-05-22 20:38:15
【问题描述】：

我有一个日志文件，其中有几个由换行符分隔的条目，但是当我尝试使用此代码获取它时：

var xhttp=new XMLHttpRequest();

xhttp.onreadystatechange=function(){
  if(this.readyState==4&&this.status==200){
    document.getElementById("log").innerHTML = this.responseText;
  }
};

xhttp.open("GET","https://raw.githubusercontent.com/wiki/paramt/MemeAdviser/memeadviser.log");
xhttp.send();

它没有用换行符分隔。如何在单独的行上显示每个条目？当我使用curl 时，它会在新行中显示每个条目

Here is my log file

【问题讨论】：

你有两个选择——你可以在每一行的末尾附加一个<br>标签，或者将你的日志内容放在<pre></pre>标签之间。换行符在浏览器中被删除，你模仿那些<br>;
使用 <pre></pre> 正是我想要的，谢谢

标签： javascript logging xmlhttprequest

【解决方案1】：

感谢@Randy Casburn，我发现使用<pre></pre> 可以保持换行符不变

【讨论】：