JavaScript Fetch API is a modern and versatile alternative to traditional built-in XMLHttpRequest (XHR) object for making network requests. It also supports promises which makes it easier to write asynchronous code.

The Response object returned by the fetch() method contains the information about the request and the response of the network request including headers, status code, and status message.

The Response object provides several methods to access the response body like json(), text(), and more. To get a response as an HTML string, you can use the text() method.

Here is an example that downloads the Google homepage as an HTML string and prints it on the console:

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

The text() method returns the response body as a string. Take a look at this section to learn more about Fetch API response formats.

✌️ Like this article? Follow @attacomsian on Twitter. You can also follow me on LinkedIn and DEV. Subscribe to RSS Feed.

👋 If you enjoy reading my articles and want to support me to continue creating free tutorials, ☕ Buy me a coffee (cost $5).