Загрузить новую страницу без обновления, используя историю PushState - PullRequest
Новая
       19

Загрузить новую страницу без обновления, используя историю PushState

0 голосов
/ 25 мая 2019

Я хочу загрузить свои веб-страницы без обновления страницы, как в Твиттере, Facebook сейчас работают.

Я написал простую функцию, которая изменяет мой history.pushstate и успешно загружает еще одну целую страницу

Вот код: - 

function goto(event,el)
{
    url=el.href;
    event.preventDefault();
    window.history.pushState('','',url);
    $('html').load(url);
}

window.onpopstate = function(event) {
  //alert("location: " + document.location + ", state: " + JSON.stringify(event.state));
  $('html').load(''+document.location+'');
};


<a href="photos.php" onclick="goto(event,this);">Photos</a>
<a href="followers.php" onclick="goto(event,this);">Followers</a>
<a href="following.php" onclick="goto(event,this);">Following</a>

Все работает, найти URL-адрес меняется, и новая страница загружается и показывает

Но проблема, когда я открываю проверить элемент в корпусе Chrome и головев DOM отсутствует тег

Я хочу, чтобы вся страница была полностью заменена новой страницей без обновления страницы и с мгновенной скоростью - вот что важно

...