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.

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

Keine.

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

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

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