Как получить файл журнала и отобразить его с помощью JavaScript XMLHttpRequest

У меня есть файл журнала, в котором есть пара записей, разделенных символами новой строки, но когда я пытаюсь получить его с помощью этого кода:

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, он отображал каждую запись в новой строке.

Вот мой файл журнала

У вас есть два варианта: вы можете добавить тег <br> в конец каждой строки или поместить содержимое журнала между тегами <pre></pre>. В браузере удаляются символы новой строки, вы эмулируете их с помощью <br>;

Randy Casburn 22.05.2019 22:41

Использование <pre></pre> — это именно то, что я искал, спасибо

Param 22.05.2019 22:42
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
18
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Благодаря @Randy Casburn я узнал, что использование <pre></pre> сохраняет новые строки без изменений.

Другие вопросы по теме