Response: `text()`-Methode

Keine.

Ein Promise, das mit einem String aufgelöst wird.

DOMException AbortError

Die Anfrage wurde abgebrochen.

TypeError

Wird aus einem der folgenden Gründe ausgelöst:

• Der Antwortkörper ist gestört oder gesperrt.
• Es gab einen Fehler beim Dekodieren des Körperinhalts (zum Beispiel, weil der Content-Encoding-Header falsch ist).

In unserem Textabruf-Beispiel (führen Sie den Textabruf live aus) haben wir ein <article>-Element und drei Links (gespeichert im myLinks-Array). Zuerst durchlaufen wir alle diese und geben jedem einen onclick-Ereignishandler, sodass die getData()-Funktion ausgeführt wird – mit dem data-page-Identifier des Links, der als Argument übergeben wird – wenn einer der Links angeklickt wird.

Wenn getData() ausgeführt wird, erstellen wir eine neue Anfrage mit dem Request()-Konstruktor und verwenden sie, um eine spezifische .txt-Datei abzurufen. Wenn der Abruf erfolgreich ist, lesen wir einen String aus der Antwort mit text() aus und setzen dann die innerText des <article>-Elements gleich dem Textobjekt.

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;
    });
}

• ServiceWorker API
• HTTP-Zugriffskontrolle (CORS)
• HTTP