Как получить читаемые данные файла txt?

Для чтения данных из текстового файла в JavaScript существует несколько способов. Рассмотрим два самых распространенных подхода.

Первый способ - использование объекта XMLHttpRequest. Этот объект используется для работы с сервером и может использоваться для асинхронной загрузки данных из файла. Вот пример кода, который демонстрирует, как прочитать данные из файла в формате txt с использованием объекта XMLHttpRequest:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'file.txt', true);

xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        var data = xhr.responseText;
        console.log(data); // выводим данные в консоль
    }
};

xhr.send();

В приведенном коде мы создаем экземпляр объекта XMLHttpRequest и передаем ему путь к файлу txt. Затем мы добавляем обработчик события onreadystatechange, который срабатывает каждый раз, когда состояние объекта XMLHttpRequest изменяется. Если состояние становится равным 4 (загрузка завершена), а статус равен 200 (успешный запрос), мы получаем текстовые данные с помощью свойства responseText и выводим их в консоль.

Второй способ - использование функции fetch. Функция fetch позволяет загружать ресурсы с сервера и возвращает промис, который решается с объектом Response, содержащим ответ от сервера. Для чтения данных из файла в формате txt с помощью fetch, вот пример кода:

fetch('file.txt')
    .then(response => response.text())
    .then(data => console.log(data)); // выводим данные в консоль

В данном коде мы просто вызываем функцию fetch с передачей ей пути к файлу txt. Затем у объекта Response вызываем метод text(), который возвращает промис, решающийся с текстом из файла. Мы используем второй метод then, чтобы получить эти данные и вывести их в консоль.

Оба этих подхода позволяют получить читаемые данные из файла txt в JavaScript. Выбор между ними зависит от ваших предпочтений и требований проекта.