Jak používat rozhraní Fetch API k získání odpovědi HTML v JavaScriptu

JavaScript Fetch API je moderní a všestranná alternativa k tradičnímu vestavěnému objektu XMLHttpRequest (XHR) pro vytváření síťových požadavků. Podporuje také sliby, které usnadňují psaní asynchronního kódu.

Response objekt vrácený fetch() metoda obsahuje informace o požadavku a odpovědi na síťový požadavek včetně záhlaví, stavového kódu a stavové zprávy.

Response objekt poskytuje několik metod pro přístup k tělu odpovědi, jako je json() , text() , a více. Chcete-li získat odpověď jako řetězec HTML, můžete použít text() metoda.

Zde je příklad, který stáhne domovskou stránku Google jako řetězec HTML a vytiskne jej na konzoli:

fetch('https://www.google.com')
    .then(res => res.text())
    .then(res => console.log(res))
    .catch(err => console.error(err));

text() metoda vrací tělo odpovědi jako řetězec. Podívejte se do této sekce, kde se dozvíte více o formátech odpovědí Fetch API.