У вас должна быть библиотека Jquery на главной странице.Скопируйте приведенный выше код в заголовок вашей страницы:
<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
Создать div с идентификатором response
:
<div id="response"></div>
JQuery имеет функцию AJAX под названием «загрузка»,эта функция добавляется в селектор, куда вы хотите загрузить страницу, в этом случае мы хотим, чтобы содержимое файла «emple.html »загружалось в тег с идентификатором« response ».
<script>
$(document).ready(function(){
// load exemple page when the page loads
$("#response").load("exemple.html");
});
</script>
Также вы можете загрузить контент, когда нажата ссылка с главной страницы:
<script>
$("#exemple").click(function(){
// load exemple page on click
$("#response").load("exemple.html");
});
</script>
Для этого вам необходимо добавить в свой HTML-код ссылку с id="exemple"
<a href="#" id="exemple">Click to load the exemple page</a>
Надеюсь, это поможет вам!