Stavo pensando ad un modo di gestire le parti statiche di un sito (header, nav, footer). Personalmente uso l'include del PHP ma non mi piace mischiare PHP e HTML. Leggendo in rete ci sono molte librerie ma se volessi una soluzione valilla c'è AJAX (questo codice è del sito che ho linkato):
Cosa ne pensate di questa soluzione? Che svantaggi potrebbe portare?
HTML:
<body>
<header></header>
Content.
<footer></footer>
</body>
JavaScript:
fetch("./header.html")
.then(response => {
return response.text()
})
.then(data => {
document.querySelector("header").innerHTML = data;
});
fetch("./footer.html")
.then(response => {
return response.text()
})
.then(data => {
document.querySelector("footer").innerHTML = data;
});
Cosa ne pensate di questa soluzione? Che svantaggi potrebbe portare?