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
(en-US) 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
Specification | Status | Comment |
---|---|---|
Fetch Die Definition von 'text()' in dieser Spezifikation. |
Lebender Standard |
Browserkompatibilität
BCD tables only load in the browser