Body.text()

Die Methode text() des Body Mixin nimmt einen Response Stream und liest ihn bis zum Ende. Sie gibt ein Promise zurück, welches in ein USVString Objekt (Text) aufgelöst wird. Die Antwort wird immer mit UTF-8 dekodiert.

Syntax

response.text().then(function (text) {
  // do something with the text response 
});

Parameter

Keine.

Rückgabewert

Ein Promise, welches in einen USVString aufgelöst wird.

Beispiel

In unserem Beispiel für den Abruf von Text (live ausführen) haben wir ein <article> Element und drei Links (im Array myLinks gespeichert). Zuerst durchlaufen wir all diese, damit alle einen onclick Event Handler bekommen, der die Funktion getData() ausführt — der Bezeichner data-page des Links wird dabei als Argument übergeben — wenn einer der Links geklickt wird.

Wenn getData() ausgeführt wird erstellen wie eine Anfrage mit dem Request.Request Konstruktor und rufen dann eine .txt Datei ab. Wenn der Abruf erfolgreich ist lesen wir das USVString (Text) Objekt aus der Antwort mit text() und setzen dann innerHTML des <article> Elements auf den Wert des Text-Objekts.

var myArticle = document.querySelector('article');
var myLinks = document.querySelectorAll('ul a');

for(i = 0; i <= myLinks.length-1; i++) {
  myLinks[i].onclick = function(e) {
    e.preventDefault();
    var linkData = e.target.getAttribute('data-page');
    getData(linkData);
  }
};
    
function getData(pageId) {
  console.log(pageId);
  var myRequest = new Request(pageId + '.txt');
  fetch(myRequest).then(function(response) {
    return response.text().then(function(text) {
      myArticle.innerHTML = text;
    });
  });
}

Spezifikationen

Browserkompatibilität

Siehe auch

• ServiceWorker API
• HTTP access control (CORS)
• HTTP