DEV Community

How To Fetch (Get) HTML From Server 🛤️

Anthony Max on March 14, 2025

With the development of server-oriented development, when it is necessary to take templates from the server, there is a need to send HTML code to t...

Read full post

David Morrow • Mar 17

const res = await fetch('/api/getForm');
const html = await res.text();

much less verbose if you use async await instead of a promise chain. For error handling, just wrap the whole thing in a try / catch.

Anthony Max • Mar 17

It's possible that way too, yes

Key Master1 • Mar 14

You forgot to put a semicolon in the example.

console.log(html)

Anthony Max • Mar 14

Corrected

Anthony Max • Mar 14

Thanks!

Learn Computer Academy • Mar 15

Awesome breakdown of fetching HTML from the server! I like how you covered both the hmpl-js library and vanilla JS approaches—great to see the pros and cons laid out clearly. The backend setup with Express.js ties it all together nicely too. Definitely helpful for anyone diving into server-client templating. Thanks for sharing—looking forward to more!

Anthony Max • Mar 15

Thanks!

José Pablo Ramírez Vargas • Mar 15

Throwing on non-OK responses is wrong.

The Ugly Truth: All Popular fetch() Wrappers Do It Wrong

José Pablo Ramírez Vargas ・ Mar 11

#webdev #javascript #typescript #node

Tylish Anup • Mar 17

I like this Article

Alex Patla • Mar 14

Great article!

Anthony Max • Mar 14

Thanks!

Anthony Max • Mar 14 • Edited

You can also add such a condition to determine with high accuracy that it is text/html:

if (response.headers.get("Content-Type") !== "text/html") {
  // some code
}

In the example, I didn’t want to overload it with unnecessary code.