Я знаю, что это очень старое сообщение, поэтому некоторые методы тогда не были доступны. Но это мой очень простой подход к этому (основанный на ответе Лоло).
Он опирается на атрибуты data- * HTML5 и поэтому является очень общим в том, что использует каждую функцию jQuery для каждой функции. class matching "load-html" и использует свой соответствующий атрибут «источник данных» для загрузки содержимого:
<div class="container-fluid">
<div class="load-html" id="NavigationMenu" data-source="header.html"></div>
<div class="load-html" id="MainBody" data-source="body.html"></div>
<div class="load-html" id="Footer" data-source="footer.html"></div>
</div>
<script src="js/jquery.min.js"></script>
<script>
$(function () {
$(".load-html").each(function () {
$(this).load(this.dataset.source);
});
});
</script>