Includere una pagina esterna tramite una chiamata ajax. Utile per includere ad esempio un menu in ogni pagina del sito in modo da non dover modificare tutte le pagine se viene aggiunta un voce.
Richiamiamo come siamo più comodi la libreria jquery
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
la chiamata ajax
<script type="text/javascript">
$.get( "menu.html", function(result) {
$("#menu").html(result);
});
</script>
un po di stile
<style type="text/css">
#menu ul {
margin:0;
padding:0;
list-style-type: none;
}
#menu ul li {
float:left;
margin:0 5px;
}
</style>
il codice html
<div id="header">
<h2>Titolo</h2>
</div>
<div id="menu"></div>
la pagina esterna richiamata da ajax nel mio caso menu.html
<ul>
<li>Home</li>
<li>Prodotti</li>
<li>Contatti</li>
</ul>
