Ответ: метод text()

Метод text() интерфейса Response принимает поток Response и считывает его до конца. Он возвращает промис, который разрешается строкой String. Ответ всегда декодируется с использованием UTF-8.

Нет.

Промис, который разрешается строкой String.

DOMException AbortError

Запрос был отменён.

TypeError

Выбрасывается по одной из следующих причин:

• Тело ответа нарушено или заблокировано.
• Произошла ошибка при декодировании содержимого тела (например, потому что заголовок Content-Encoding неверный).

В нашем примере получения текста (запустить приложение), у нас есть элемент <article> и три ссылки (хранящиеся в массиве myLinks). Сначала мы перебираем их и устанавливаем для каждой обработчик события onclick, чтобы функция getData() — с идентификатором ссылки data-page в качестве аргумента — запускалась при нажатии на одну из ссылок.

Когда выполняется getData(), мы создаём новый запрос с помощью конструктора Request(), а затем используем его для получения определённого .txt файла. После успешного получения мы считываем строку из ответа, используя text(), а затем устанавливаем значение innerText элемента <article> равным объекту текста.

const myArticle = document.querySelector("article");
const myLinks = document.querySelectorAll("ul a");

for (const link of myLinks) {
  link.onclick = (e) => {
    e.preventDefault();
    const linkData = e.target.getAttribute("data-page");
    getData(linkData);
  };
}

function getData(pageId) {
  console.log(pageId);
  const myRequest = new Request(`${pageId}.txt`);
  fetch(myRequest)
    .then((response) => response.text())
    .then((text) => {
      myArticle.innerText = text;
    });
}

• API сервисных рабочих процессов
• Управление доступом через HTTP (CORS)
• HTTP