В основном я реализовал Ajax для динамического изменения своей веб-страницы следующим образом:
<a href="javascript:loadProfile()">Profile</a>
<script>
function loadProfile() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("main").innerHTML =
this.responseText;
}
};
xhttp.open("GET", "profile.php", true);
xhttp.setRequestHeader("Authorization", "index:redirect")
xhttp.send();
history.replaceState({foo: 'profile'}, "Profile", "profile.php");
}
</script>
Нажатие на ссылку должно вызвать обновление страницы для отображения нового контента на текущем сайте. Пока это работает нормально, но при перезагрузке страницы или добавлении в закладки и загрузке ее, конечно, вызывается не содержимое главной страницы, а только файл profile.php.
При прямом доступе к этому целевому адресу я хотел бы загрузить мою главную страницу (home.php) и затем заменить div для профиля, так же, как вызов loadProfile () на странице.
Есть ли способ достичь этого?