Visualizzare HTML con fetch in Javascript

Quando usiamo fetch in Javascript, siamo abituati a pensare di dover fare il parsing di un JSON.

In genere è normale, in quanto usiamo fetch per prendere dei dati da una API.

Ma ci sono casi in cui invece il server risponde con HTML, che poi dobbiamo mettere dentro alla pagina.

Possiamo farlo ovviamente, e qui sotto vi mostro un esempio:

<div id="div_html"></div>
<script>
	fetch('IL_VOSTRO_URL').then(response => {
		return response.text();
	}).then(html => {
		const div_html = document.getElementById('div_html');
		div_html.innerHTML = html;
	}).catch(err => {
		alert('ERRORE:' + err);
	});
</script>

Invece di usare il response.json(), abbiamo usato response.text(), che ci ritorna una stringa.

Poi usiamo innerHTML per iniettarlo dentro al nostro div.

Enjoy!